3D-куб с фотографиями на CSS
Вращающийся трехмерный куб с фотографиями
Куб реализован на чистом CSS и рассчитан на 6 фотографий
SVG рамки для фотографий
Три варианта фильтров на SVG для создания рамок для фотографий
Все варианты очень простые, а сами фильтры умещаются в 166 байт
Ссылки на эскизы из YouTube
Различные варианты ссылок на картинки видеороликов из YouTube в форматах JPG и WEBP
Если видео из YouTube открывается на отдельной странице или в модальном окне, то для него можно использовать уже готовый скриншот этого видеохостинга.
Блок из 4-х фотографий
Оформление блок-секции из четырех фотографий на CSS
Фотографии для блока могут быть любых, но одинаковых размеров.
Полупрозрачный бордюр на CSS
Создание полупрозрачных бордюров с использованием псевдоклассов :before и :after
Простой вариант, как украсить картинку или блок полупрозрачным бордюром и использовать второй, как ховер-эффект.
Прокрутка фонового изображения вверх
Прокрутка высокого фонового изображения вверх при наведении на него мышки
Если изображение имеет большой размер по вертикали, а его нужно уместить в небольшой по высоте блок, то его можно прокручивать при наведении мыши.
Адаптивное видео шириной 100%
Установка на сайт видео в iframe с шириной 100%
Для того чтобы видео, которое вставляется фреймом, например с YouTube, подстраивалось под размер родителя (имело ширину 100%) используем следующее:
Фоновая анимация на JS
