Waste of time

Автоматически перелистывающийся слайдер. Написан на чистом CSS.

#анимация #слайдер #css

Text-color-animation

Переливающийся в градиент шрифт. Написан на чистом CSS.

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

Rotating text

Вращающийся текст. Сделан с помощью JavaScript

#анимация #текст #javascript

90% - SVG Animation

SVG-анимация загрузки. Реализована с помощью JavaScript.

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

Animate Tooltip | Pure CSS and Keyframes

Анимация подсказки. Написана на чистом CSS.

#анимация #css

Overlapping Sushi Cards

Анимация перекрывающиеся карточек. Реализована с помощью JavaScript.

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

New Transaction Hover Animation

Анимация при наведении курсора на транзакцию. Написана на чистом CSS.

#анимация #css

Header With Slide Bar

Появляющийся заголовок с ползунком. Написан на чистом CSS

#анимация #css

Apple TV - Word Rotation

Анимация загрузки файла, написана на чистом css.

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

Pure CSS Flip Card

Флип карта, при наведении на которую происходит описание карточки. Реализована с помощью css.

#анимация #css

Rotating text

Вращающийся текст. Сделан с помощью JavaScript

#анимация #текст #javascript

Custom Tooltip

Меню при нажатии на которое раскрывается и появляется подсказка. Написано на чистом CSS.

#меню #css

Animated Gradient Underglow

Анимированное градиентное свечение. Реализовано с помощью CSS.

#анимация #css

Untitled

Красивая форма для заполнения данных. Реализована с помощью CSS и JS.

#форма #css #js

Untitled

Пример лендинга для портфолио. Написан с помощью CSS и JS.

#landing #css #js

CSS-Only Countdown Clock

Часы обратного отсчета. Написаны с помощью чистого CSS.

#анимация #css

Pure CSS Gradient Background Animation

Градиентная фоновая анимация. Реализована на чистом CSS

#анимация #градиент #css

Button Hover Effects

Анимация кнопок при наведении. Реализована с помощью CSS и JS.

#анимация #button #css #js

Pull Menu - Menu Interaction Concept

Концепция взаимодействия с меню. Реализована с помощью CSS и JS

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

Можно учиться без платных курсов 😳

Есть канал в Телеграм, куда выкладывают курсы по веб-разработке бесплатно: Figma, HTML, CSS, JavaScript, PHP, React, Wordpress, Webflow — всё можно пройти за 0 рублей.

Подпишитесь, пока канал открыт

Header/Footer Parallax Effect

Эффект параллакса верхнего/нижнего колонтитула. Реализован с помощью CSS и JS.

#анимация #паралакс #css #js