Как сделать свой анимированный loader (спиннер)? Пять примеров на чистом CSS.
Анимация CSS grid (как сделать + примеры)
Я рад пролить свет на тот факт, что свойства CSS grid-template-rows и grid-template-columns теперь можно анимировать во всех основных веб-браузерах! Что ж, CSS Grid уже давно технически поддерживает анимацию, поскольку она встроена прямо в спецификацию CSS Grid Layout Module Level 1. Но анимация этих свойств сетки только недавно стала поддерживаться всеми тремя основными браузерами. Давайте посмотрим на несколько примеров, чтобы дать волю творчеству? Пример 1: Расширение боковой панели Прежде всего, это то, о чем мы говорим: Простая двухколоночная сетка...
Как сделать спиннер в домашних условиях
Спиннер стремительно покоряет мир. Миллионы людей со всего света крутят и подкидывают эту игрушку на работе, в автомобильных пробках, дома, на прогулке, в очереди и т.д. Спиннер – мощный и вместе с тем очень простой и доступный антистресс, который помогает избавиться от напряжения и расслабиться, не привлекая к себе внимания. Спиннер стал настолько популярен, что народ начал выделывать с ним различные трюки. Эта игрушка полюбилась всем от мала до велика: ее крутят и малыши-дошкольники, и большие начальники в современных офисах...