codepen.js Webview 3040.html Telegram

Channel: codepen.js

Morphing Button — кнопка с анимацией. Реализована с помощью CSS и JavaScript

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

1.29K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Preloader animation — загрузка. Реализована с помощью CSS и JavaScript

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

1.24K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Bouncy image radio group — карточка изображений с анимацией и расширением при нажатии. Реализована с помощью CSS и JavaScript

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

1.17K views16:05

Посмотреть исходники

codepen.js

0:02

This media is not supported in your browser

VIEW IN TELEGRAM

👩‍💻

Всем программистам посвящается!

Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования:

Выбирай своё направление:

👩‍💻

Frontend — hottg.com/frontend_ready

📱

JavaScript — hottg.com/javascript_ready

👩‍💻

Backend — hottg.com/backend_ready

📱

GitHub — hottg.com/github_ready

👩‍💻

Python — hottg.com/python_ready

👩‍💻

Всё IT — hottg.com/it_ready

👩‍💻

Java — hottg.com/java_ready

🖥

Базы Данных & SQL — hottg.com/sql_ready

👩‍💻

C/C++ — https://hottg.com/cpp_ready

👩‍💻

C# & Unity — hottg.com/csharp_ready

🖼️

DevOps — hottg.com/devops_ready

🤔

Хакинг & ИБ — hottg.com/hacking_ready

👩‍💻

Linux — hottg.com/linux_ready

👩‍💻

Bash & Shell — hottg.com/bash_ready

👩‍💻

Нейросети — hottg.com/neuro_ready

📖

IT Книги — hottg.com/books_ready

🖥

Design — hottg.com/design_ready

📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

Please open Telegram to view this post

VIEW IN TELEGRAM

1.35K views16:16

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Dots & Ring Loader — загрузчик. Реализована с помощью CSS и JavaScript

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

1.29K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Icon hover — иконки соцсетей окрашиваются при наведении на них. Реализована с помощью CSS и JavaScript

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

1.3K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

preloader — ожидание загрузки в виде прыгающих частиц. Реализована с помощью CSS и JavaScript

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

1.29K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Click Me Load More Animation — ожидание загрузки в виде ассиметричного движения линий по окружности. Реализована с помощью CSS и JavaScript

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

1.23K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript

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

1.21K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

1.21K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript

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

1.2K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

1.19K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

1.29K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Gooey Preloader — ожидание загрузки в виде маленьких капель. Реализована с помощью CSS и JavaScript

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

1.26K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Space Journey — космос. Реализована с помощью CSS и JavaScript

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

1.25K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Wall of text — плавно движущиеся строки с текстом в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript

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

1.27K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Gravity button — интерактивные кнопки с эффектом притяжения Реализована с помощью CSS и JavaScript

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

1.24K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Input Animation — анимация ввода имени пользователя. Реализована с помощью CSS и JavaScript

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

1.22K views16:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

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

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

1.3K views06:05

Посмотреть исходники

codepen.js

This media is not supported in your browser

VIEW IN TELEGRAM

Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JavaScript

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

1.25K views16:05

Посмотреть исходники

HTML Embed Code:

<iframe width="100%" src="https://www.hottg.com/buyppe/webview?embed=1" title="Telegram Webview" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

2025/07/09 21:33:22
Back to Top