Переворачивающиеся карточки паралакс
See the Pen Parallax Flipping Cards by Nicolas Pavlotsky (@nicolaspavlotsky) on CodePen.
HTML и CSS
Анимированная пятиугольная антипризма на чистом CSS
See the Pen Pure CSS Animated Pentagonal antiprism by Ana Tudor (@thebabydino) on CodePen.
Объемная сетка интернет магазина
Многие когда-то учились четиить в изометрии.
Анимация столбца сетки при наведении
Оргинальный вариант анимации на грид
Основы верстки сайтов html и css
Качество вёрстки сайта в отличии от дизайна можно оценить однозначно. С дизайном сложно – кому-то нравится, кому то нет. Что красиво дело вкуса. А с версткой все четко – есть четыре основных параметра однозначно определяющие ее качество.
Интересный эффект объёма на экране
Создать эффект пространства, объема на на листе бумаге доступно всем кто “проходил” геометрию в школе. Но как такое “начертить” на экране компьютера до недавнего времени считалось практически невозможным. Но как только как в CSS появилось правило z-индекса, третьей пространственной оси это стало возможным. А с добавлением теней и градиента эффект объема только усилиться.
Флекс бокс мощный инструмент вёрстки
Два примера вёрстки с помощью флекс бокс С самого начала существования интернета перед любым разработчиком сайта стоял вопрос как быстро и красиво создать страницу сайту. И на сегодняшний день одним из самых мощных инструментов сайта являются флекс боксы. В дословном переводе флекс означает гибкий. Идея этого инструмента очень проста называется она “родители и дети” и …