codepen.js

Book Preloader — ожидание загрузки в виде перелистывания страниц книги. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Typing Effect — генерируемый текст. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Particles Springs — анимация расчистки шаров движениям мышки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

CSS linear-gradient button animation — градиентный контур у кнопки, который переливается при наведении курсора мыши.  Реализована с помощью CSS и JavaScript #анимация #css #javascript

Zero Element: DeLight — движущийся фон с эффектом размытия. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Moon Prototype — анимированный прототип луны. Реализован с помощью CSS. #анимация #css

Hamburger Menu Animations — 4 вида плавной анимации для гамбургер-меню. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Frying Pan Preloader — прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

SelectiveBloom — анимированная 3D-фигура.  Реализована с помощью CSS и JavaScript #анимация #css #javascript

Apple Tear Strip — дерни стикер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

AI13: GLSL Video Transition — слайдер из карточек с информацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Glow slider — ползунок. Реализована с помощью CSS и JavaScript #анимация #css #javascript

City Illustration — адаптивная SVG-иллюстрация города с параллакс-эффектом. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Profile Card Animation — изображение преобразуется в информационную карточку при нажатии на значок. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Liquid Button — анимированная кнопка. Реализована с помощью CSS и JavaScript #анимация #css #javascript

⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (117 видео, 53 книги) — ВАЙБКОД (174 видео, 91 книги) — DevOps (415 видео, 68 книги) — Frontend (137 видео, 93 книги) — DS/ML (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram

Cards — эффект разворота карточек и перехода от одной к другой. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Transform Toggles — трансформирующийся тогл. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Egg Switch —  переключатель с анимацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript