Ширина модального окна задана в процентах, в зависимости от ширины родительского контейнера, в данном примере это фон затемнения.
Предусмотрена возможность использования встроенных миниатюр, разположенных слева или справа, в отдельном div-контейнере с выделенным классом .pl-left и .pl-right соответственно.
Размер блока миниатюр так же определил в процентной записи (25%), тем самым обеспечив возможность пропорционального изменения, при просмотре на экранах различных пользовательских устройств.
Простейшая анимация появления с помощью изменения свойсва прозрачности (opacity) от 0 к 1
ТЕРМОМЕТР НА АРДУИНО И ВИНТАЖНЫХ ЛАМПАХ
Рассказать в:
Цель проекта - построить термометр для измерения температуры процессора жидкого охладителя и отображать его с помощью советских ламп типа ИН-13. Начнем с требований к устройству: Использование в датчика температуры термистора 10 ком Отображение температуры без десятичных знаков с двумя лампами Использование на лампах разъёмов, чтобы иметь возможность их заменить в случае отказа. Установленные rgb светодиоды под лампами, чьи цвета могут быть изменены с помощью кнопки Круглая печатная плата, размер термометра как можно меньше.Схема термометраСхему сохраните на компьютер, для просмотра в полном размере. Здесь используются готовые платы, их можно заказать на некоторых сайтах. Сначала впаял разъемы для arduino и модуля преобразования питания для анодов ламп на нижней стороне; затем припаял разъемы, резисторы и стабилизатор напряжения 5 В на верхней стороне.Прежде чем идти дальше, провёл испытание - очень важно проверить, что блок питания правильно работает, для чего измерим с помощью мультиметра напряжение, что присутствует в разных контрольных точках (гнёзда, светодиоды...) схемы. Тест был пройден отлично, так что вставил на нужное место лампу с символом °c и проверил, что он загорелся.Далее впаял светодиодные модули, драйверы вставил в свои гнезда и установил другие вакуумные индикаторы: проект завершен!ВидеоРазноцветные светодиоды подсветки оснований ламп, нужно прикрыть светонепроницаемыми шайбами из пластиковой трубки или термоусадки, чтоб свет поступал только куда нужно. Файлы проекта есть тут.Источник