CSS доширак

anime.js logo animation —  анимация при нажатии. Реализован с помощью CSS

#анимация #css

Parallax Slideshow — слайд-шоу параллакса. Реализован с помощью CSS

#анимация #css

Flat HTML5/CSS3 Login Form — форма входа. Реализован с помощью CSS

#анимация #css

Pure CSS Flip Card — анимация флип-карта. Реализован с помощью CSS

#анимация #css

Curzr | Cross Line — страница сайта с параллакс-эффектом. Реализован с помощью CSS

#анимация #css

Menu micro-interaction   —  меню в минималистичном дизайне. Реализован с помощью CSS

#анимация #css

Atom  — анимация вращающихся атомов. Реализован с помощью CSS

#анимация #css

Solid   — изменяющийся текст при наведении. Реализован с помощью CSS

#анимация #css

Rating using :indeterminate pseudo-class — анимированная панель для оценки. Реализован с помощью CSS

#анимация #css

Breathe — текст в виде неоновой вывески с анимацией мерцания. Реализован с помощью CSS

#анимация #css

SVG Water Reflection — сцена с демонстрацией отражения в воде с рябью. Реализован с помощью CSS

#анимация #css

Fancy Pop Out hover effect — анимированная иконка с "Pop out" эффектом при наведении. Реализован с помощью CSS

#анимация #css

Contrast — один из вариантов реализации замены цвета. Реализован с помощью CSS

#анимация #css

Preloader — прелоадер в виде скачущей геометрической фигуры. Реализован с помощью CSS

#анимация #css

Blurred animated gradients — анимированный фон в виде градиента. Реализован с помощью SCSS.

#анимация #scss

Как быстро изучить JavaScript и ReactJS?

Привет! Я Андрей Шопинский — Frontend-разработчик из крупного Российского банка.

⚠️ 26 апреля в 18:30 по МСК я проведу бесплатный эфир в своём Telegram-канале про Frontend-разработку!

На трансляции будут раскрыты следующие темы:
— Как перейти от вёрстки к освоению JS;
— Зачем нужен ReactJS и как быстро его изучить;
— Секрет скоростного обучения в IT-сфере.

🔥 Ты сможешь задать свои вопросы в прямом ЭФИРЕ! 

Подписывайся на канал, чтобы не пропустить!

Реклама. Шопинский Андрей Олегович ИНН 312834439322. erid: LjN8KUDtD

Gradient background with waves — переливающийся фон с анимированными "волнами". Реализован с помощью CSS.

#анимация #css

Flow field 2 — красивая анимация с градиентом. Реализована с помощью SCSS и JavaScript.

#анимация #scss #js

Content reveal cards — слайдер для карточек. Реализован с помощью CSS.

#анимация #css

Draw Circle Preloader (SVG & CSS) - Responsive — прелоадер для сайта. Реализован с помощью CSS и SVG

#анимация #css #svg