codepen.js
رفتن به کانال در Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
نمایش بیشتر
شبکه:9 125
مشترکین
-424 ساعت
-197 روز
-8130 روز
آرشیو پست ها
9 123
Checkbox CSS Toggle - Day / Night Mode — переключатель с анимацией смены дневного времени на ночное. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Profile Card Animation — изображение преобразуется в информационную карточку при нажатии на значок. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Input Animation — анимация ввода имени пользователя. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Gravity button — интерактивные кнопки с эффектом притяжения Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Christmas Tree Spiral — анимированная рождественская ёлка. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Zero Element: DeLight — движущийся фон с эффектом размытия. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Search Input Animation — выезжающая строка поиска при нажатии на лупу. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Life — интересное применение слайдера. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
SelectiveBloom — анимированная 3D-фигура. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Moving Dot — челночный бег частиц для нескучной анимации загрузки. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Button Hover Effects — три эффекта наведения на кнопки для вашего сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
CSS linear-gradient button animation — градиентный контур у кнопки, который переливается при наведении курсора мыши. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
A Simple Preloader — прелоадер в виде большой растекающейся капли. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Step Indicator — анимированный индикатор переключения страниц. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Ваша карьера в Frontend-разработке начинается в Авито 😎
Приходите на оплачиваемую стажировку в Авито. Здесь вы будете работать с продуктами, которыми пользуются миллионы.
Профессионально развиваться и расти вам помогут:
• наставник — научит, как найти лучшее решение, и поможет разобраться в инструментах и технологиях
• комьюнити стажёров — поделятся опытом и поддержат
• доступ к базам знаний, библиотекам и корпоративным курсам — даст возможность нарастить экспертизу.
Стажировка открыта в пяти направлениях, вы можете выбрать два — основное и запасное. Если попасть на первое не удастся, сможете пройти отбор на второе при наличии мест.
Условия:
• длительность программы — 6 месяцев
• работа от 25 часов в неделю, после завершения стажировки — возможность остаться в компании на полную занятость
• зарплата и корпоративный ноутбук
• можно работать из офиса, удалённо или в гибридном формате.
Более 80% стажёров продолжают карьеру в Авито. Присоединяйтесь к команде и растите вместе с нами! Регистрация открыта до 5 февраля.
9 123
Link hover effect — при наведении мышью область ссылки выделяется маркером. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Social icon hover animation — варианты анимации при наведении на соц. сети. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 123
Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа.
⏰ Когда: 30 январяв 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.
Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»
9 123
Hover Card Effect — эффект наведения на карточки с появлением текста и подсветкой изображений. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
