codepen.js
前往频道在 Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
显示更多
网络:9 123
订阅者
-424 小时
-197 天
-8130 天
帖子存档
9 119
Social Card — 3D-эффект при наведении на карточку с информацией о человеке и соц. сетями. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Preloader SVG animation — тематический вариант анимации ожидания для какого-то действия на сайте. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Smooth Pulse Button — пульсирующая кнопка для воспроизведения видео. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Link Hover Interaction — эффектная анимация при наведении на ссылки с текстом. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Icon Animation — 6 вариантов анимации для кнопки, которая открывает и закрывает мобильное меню. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Wall of text — плавно движущиеся строки с текстом в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Hamburger menu animation — кнопка меню. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Preloader — залипательная анимация загрузки страницы. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Space Journey — космос. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
space background — успокаивающий космический фон на вашем сайте. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Как получить реальный опыт во фронтенд-разработке за 7 дней?
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме от Айтилогии с поддержкой от опытных разработчиков на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
9 119
loader #01 — ожидание загрузки в виде движения линий по окружности. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Image Preloader — ожидание загрузки в виде параллельных линий, одна из которых подталкивает другую. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Circle preloader — круговорот линий во время ожидания загрузки. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Ищем фронта. Релокейт, удалёнка, платим много!
Специально для Вас, собираем топовые вакансии для фронтов на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер!
9 119
Gooey Preloader — ожидание загрузки в виде маленьких капель. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
ScrollTrigger Image Zoom — масштабирование изображения при скроллинге. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Бесплатный практический вебинар: Профессия «Frontend-разработчик».
⏰ Когда: 19 ноября в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере 🎮
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.
Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего Frontend-разработчика.
9 119
Card UI Design — появление кнопки со смещением остальных элементов при наведении на карточку. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Cards — эффект разворота карточек и перехода от одной к другой. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
