codepen.js
前往频道在 Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
显示更多
网络:9 119
订阅者
-724 小时
-227 天
-8830 天
帖子存档
9 119
Animation with Particle — фон, в котором частицы разбегаются при наведении курсора мыши. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Animation Preloader — ожидание загрузки сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Search Input Animation — выезжающая строка поиска при нажатии на лупу. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Falling Snowflakes — падение снежинок в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Book Preloader — ожидание загрузки в виде перелистывания страниц книги. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Particles Background Animation Effects — хаотичное движение цветных частиц в качестве фона сайта или приложения. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
🚀 Frontend для всех!
Ищешь место, где можно учиться, общаться и прокачивать свои навыки в веб-разработке? Тогда тебе сюда:
👥 Reactify | Frontend Разработка — бесплатные курсы, практические проекты и поддержка единомышленников. Теория, примеры кода и свежие IT-новости — всё для твоего роста.
💼 Frontend | Собеседования — разбираем реальные интервью, готовимся к вопросам и делимся полезными материалами. Здесь собрана база знаний для уверенности на любом собеседовании.
В каждом канале тебя ждёт Гайд по Frontend-разработке: подробный Roadmap для изучения, топ вопросов по проектам и soft skills, список технических вопросов, лайвкодинг-задачи и советы по созданию резюме, которое привлечет внимание работодателей. Всё, чтобы уверенно двигаться к своей цели!Учись. Общайся. Развивайся. Стань частью IT-сообщества! 💪
9 119
Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Menu Animation — изменение цвета текста при наведении на заголовки меню. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Light Ball Preloader — прелоадер, напоминающий солнечное затмение. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Rainbow Preloader — круговое движение несколько частиц. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Ubisoft Quartz Background Animation — размытая анимация отлично подойдёт для фона на вашем сайте. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Menu Animation — интересный вариант нажатия на бургер-кнопку. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
![🚀 Изучай HTML и CSS с нуля! 🚀 Присоединяйтесь к нашему Telegram-каналу [https://t.me/made_in_html_css] Здесь вы найдете: Ур](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAUACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDPq8kVp5a7phu74NMsYh80kke5MYAxnPNXI/LLBRbsme+BxQ2UkRJBaE4D7iOw5pAtjzg5/wC+qsb2Bwtv3x96kDTZGYkA6fe6VNxlC4x5zFFwvbjFFWLoyvbhnjVQDzg80VaZLRUiupYYXRCOCME84zTvt87OmSuA3THWiikAG9nbksMq2fuj0pDdzscGQ9M8ADvRRQANPLLlHckA5+tFFFMR/9k=)
🚀 Изучай HTML и CSS с нуля! 🚀
Присоединяйтесь к нашему Telegram-каналу
[https://t.me/made_in_html_css]
Здесь вы найдете:
Уроки с нуля – от основ к сложным темам.
Практические задания – применяйте знания на практике.
Советы от опытных разработчиков – получайте помощь и рекомендации.
Участие в проектах – накапливайте практический опыт.
Обсуждения – делитесь успехами и задавайте вопросы.
Присоединяйтесь к Made in HTML/CSS и начните обучение уже сегодня! 🌟
9 119
Loading Animation — ожидание загрузки в виде ассиметричного движения линий по окружности. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
animation — медленный круговорот звёздного неба. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
preloader — ожидание загрузки в виде прыгающих частиц. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Glow slider — ползунок. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
