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