Ширина модального окна задана в процентах, в зависимости от ширины родительского контейнера, в данном примере это фон затемнения.
Предусмотрена возможность использования встроенных миниатюр, разположенных слева или справа, в отдельном div-контейнере с выделенным классом .pl-left и .pl-right соответственно.
Размер блока миниатюр так же определил в процентной записи (25%), тем самым обеспечив возможность пропорционального изменения, при просмотре на экранах различных пользовательских устройств.
Простейшая анимация появления с помощью изменения свойсва прозрачности (opacity) от 0 к 1
Очень красиво смотрится эффект неоновой подсветки ниш ног в салоне автомобиля. Сделать самостоятельно такую подсветку проще простого. Для этого нам понадобиться 10 светодиодов с рассеивающей линзой, она у них не выпуклая, а наоборот вогнутая. Я использовал светодиоды зеленого свечения, но, понятно, что можно использовать любой цвет.
Спереди я установил светодиоды на декоративную панель, которая прикручена снизу к панели приборов, такое покрытие есть не на любом автомобиле, поэтому это и не важно, главное установить светодиоды так, чтобы они светили вниз и их не было видно, когда сидишь в креслах, а также, чтобы их свет не перекрывали всяческие провода и детали (примерно так, как показано на схеме). Сзади светодиоды установлены прямо под передними креслами с помощью крючков из скрепок, зафиксированных на светодиодах термоусадкой.
Все светодиоды подключены через резисторы 1 КОм, резисторы припаяны прямо к выводам и все это спрятано под термоусадку. Вся цепь подключена к выключателю габаритов. Хотя и это не обязательно, можно установить дополнительный выключатель подсветки.
Вот так это все примерно выглядит, фотографировать пришлось на ручной выдержке, поэтому немного смазано, штатива у меня нет.