codepen.js
الذهاب إلى القناة على Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
إظهار المزيد
الشبكة:9 125
المشتركون
-424 ساعات
-197 أيام
-8130 أيام
أرشيف المشاركات
9 125
Wall of text — плавно движущиеся строки с текстом в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Space Journey — космос. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Gooey Preloader — ожидание загрузки в виде маленьких капель. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Cards — эффект разворота карточек и перехода от одной к другой. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
😡 Устал от нудных уроков на YouTube, где половина — вода?
Хватит это терпеть) Автор канала Формошлёп убрал воду и оставил только суть:
➧ Мини-гайды по HTML, CSS и JavaScript, которые легко читать и сразу применять.
➧ Шпаргалки, лайфхаки и полезные советы с ноткой юмора.
➧ Всё чётко, лаконично и по делу.
Неважно, новичок ты или фронтендер на опыте — у нас всегда найдётся что-то полезное!
Присоединяйся: @frontbox будем вместе шлёпать формы и красить кнопки)
9 125
Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Book Preloader — ожидание загрузки в виде перелистывания страниц книги. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Loading Animation — ожидание загрузки в виде ассиметричного движения линий по окружности. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
preloader — ожидание загрузки в виде прыгающих частиц. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Icon hover — иконки соцсетей окрашиваются при наведении на них. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Dots & Ring Loader — загрузчик. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Bouncy image radio group — карточка изображений с анимацией и расширением при нажатии. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
CSS scroll-driven scroll-snapping animations — анимация горизонтального перехода между страницами. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Preloader animation — загрузка. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Native CSS particle animation with sin() and cos() — анимация частиц. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Button — анимированная кнопка. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Morphing Button — кнопка с анимацией. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 125
Light/Dark Toggle With Morphing Icon — переключатель темы оформления. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
