CSS доширак
Готовые анимации, hover-эффекты и прелоадеры, которые можно вставить в свой проект и настроить пока заваривается Доширак. Make your project awesome Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/css_doshik
Show more6 253
Subscribers
+324 hours
+237 days
+5830 days
Posting time distributions
Data loading in progress...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.Publication analysis
Posts | Views | Shares | Views dynamics |
01 Toss Toggle — необычная анимация переключателя. Реализована с помощью CSS и JavaScript.
#анимация #css #js | 267 | 3 | Loading... |
02 NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript.
#анимация #css #js | 427 | 5 | Loading... |
03 Senior-разработчик создал крутейший канал про Frontend — просто, понятно, интересно.
Подписывайся: @frontend | 456 | 0 | Loading... |
04 CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG.
#анимация #css #svg | 501 | 2 | Loading... |
05 Atom Preloader — анимация загрузки. Реализован с помощью CSS и SVG.
#анимация #css #svg | 540 | 4 | Loading... |
06 FashionPicker — rарточка с выбором цвета. Реализован с помощью CSS и JavaScript
#анимация #css #js | 573 | 14 | Loading... |
07 ParticleS — интересное взаимодействие с курсором мыши. Реализован с помощью CSS и JavaScript
#анимация #css #js | 599 | 0 | Loading... |
08 Double Yin Yang Animation in SASS — двойная анимация. Реализован с помощью CSS
#анимация #css | 618 | 4 | Loading... |
09 Merging letter toggle — переключатель объединения букв. Реализован с помощью CSS
#анимация #css | 665 | 4 | Loading... |
10 neon lights affect — текст с неоном. Реализован с помощью CSS
#анимация #css | 700 | 7 | Loading... |
11 Loading Animation — текстовая анимация загрузки.. Реализован с помощью CSS
#анимация #css | 753 | 5 | Loading... |
12 Animated variable font — анимированный текст. Реализован с помощью CSS
#анимация #css | 755 | 5 | Loading... |
13 Configurable Color Change — объект в виде радуги с анимацией. Реализован с помощью CSS
#анимация #css | 763 | 2 | Loading... |
14 Animated Glow Button — анимированная кнопка с эффектом при наведении и нажатии. Реализован с помощью CSS
#анимация #css | 767 | 6 | Loading... |
15 Cursor hover — курсор с оригинальным эффектом при наведении. Реализован с помощью CSS
#анимация #css | 820 | 13 | Loading... |
16 preloader — танцевальный номер частиц. Реализован с помощью CSS
#анимация #css | 829 | 3 | Loading... |
17 Pure CSS "Day and Night toggle" — простая смена темы. Реализован с помощью CSS
#анимация #css | 866 | 5 | Loading... |
18 🚀 Поднимите свой опыт frontend-разработки на новый уровень.
👉 Приглашаем на вебинар: "Преимущества семантической верстки"
На открытом уроке вы получите ценные знания:
- Семантические теги: изучите строительные блоки HTML5.
- Влияние на сайт: постигните, как правильное использование тегов улучшает SEO и доступность сайта.
- Применение на практике: получите навыки, которые сможете применять в реальных проектах.
👩💻 Наш спикер, Анна Русяева – опытный веб-разработчик, поделится с вами лайфхаками и секретами мастерства.
📆 4 июня, 19:00 мск - отметьте дату в своем календаре!
🔑 Специальная цена на курс «Fullstack developer» для участников - расширьте свои возможности в IT с уникальным предложением.
=======
✨ Не упустите возможность! Регистрируйтесь сейчас https://vk.cc/cxehuU?erid=LjN8K4zzc
=======
🎁 Все участники online-трансляции получат в подарок 3 бесплатных урока, и полезные материалы для начинающих.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. | 508 | 0 | Loading... |
19 Gradient Hover Effect — эффект градиентного окрашивания при наведении на кнопку. Реализован с помощью CSS
#анимация #css | 839 | 6 | Loading... |
20 Light/Dark Mode Toggle — переключение светлых/темных режимов с эффектом занавески. Реализован с помощью CSS
#анимация #css | 865 | 4 | Loading... |
21 Frontend теперь в Telegram!
Крупнейшая база материалов для фронтенд-разработки теперь доступна бесплатно:
Шаблоны с кодом – 477 шт.
Шаблоны Figma – 96 шт.
Слитые курсы по JS – 141 видео
Слитые курсы по HTML – 54 видео
Слитые курсы по CSS – 29 видео
Шпаргалки по JS – 341 шт.
Шпаргалки по HTML – 126 шт.
Шпаргалки по CSS – 211 шт.
Книги по фронтенду – 359 шт.
Статьи по фронтенду – 112 шт.
👉🏻 Изучать JavaScript, HTML и CSS стало намного проще — нужно просто быть подписанным на блог фронтендера | 545 | 7 | Loading... |
22 Sibling Gallery — галерея фотографий при наведение, она показывается крупнее. Реализован с помощью CSS
#анимация #css | 873 | 9 | Loading... |
23 Platonic solids, and more — анимированный настраиваемый многогранник. Реализован с помощью CSS
#анимация #css | 908 | 5 | Loading... |
24 Pure CSS Tabs — боковое скользящее меню. Реализован с помощью CSS
#анимация #css | 889 | 15 | Loading... |
25 Учить JavaScript можно бесконечно, да?
Вместо очередной теоретической задачки — вот вам практика:
Бесплатное обучение фронтенд-разработке с нуля с личной поддержкой от наставника
На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить фронтенд на практике
Когда-то он работал крупье в казино, а сейчас помогает новичкам попасть в IT и собеседует людей в свою команду
С 29 по 31 мая он проводит бесплатный интенсив, где поможет разобраться во JavaScript с нуля
Что получите на интенсиве
✔️ Напишете свой проект на JS: сайт с услугой по сборке ПК под заказ
✔️ Узнаете, как вам сейчас попасть в сферу, каких ошибок избегать, как не попасть в категорию новичков, которых не берут на работу
✔️ и получите пошаговый план изучения JavaScript с нуля до трудоустройства или стабильных 50 тысяч на фрилансе
Интенсив подойдёт, даже если вы новичок — всё объясняют так, чтобы поняла даже ваша бабушка
Подписывайтесь, осталось 30 мест
Учиться можно бесконечно, если не знать, куда копать
На интенсиве сократите время на изучение JavaScript и получите пошаговый план, чтобы уверенно проходить собеседования, пока 95% ваших начинающих коллег будут сидеть без работы
👉Участвовать бесплатно
🔥Подписывайтесь и сразу получите доступ к первому уроку | 568 | 1 | Loading... |
26 Flipping Neon — анимированная сцена. Реализован с помощью CSS
#анимация #css | 841 | 3 | Loading... |
27 Neumorphic Fitbit UI — интерфейс приложения. Реализован с помощью CSS
#анимация #css | 904 | 10 | Loading... |
28 slide-in-from — анимированная шпаргалка по анимации. Реализован с помощью CSS
#анимация #css | 914 | 5 | Loading... |
29 Space 404 — страница 404. Реализован с помощью CSS
#анимация #css | 944 | 13 | Loading... |
30 Simple Masonry via CSS — адаптивная галерея изображений. Реализован с помощью CSS
#анимация #css | 984 | 16 | Loading... |
31 Button with offset border — кнопка с эффектом при наведении. Реализован с помощью CSS
#анимация #css | 903 | 6 | Loading... |
32 Custom Radio Buttons — пользовательские радио-кнопки. Реализован с помощью CSS
#анимация #css | 893 | 5 | Loading... |
33 ✔️ CodeBase | Frontend - канал для начинающих веб-мастеров, которые хотят покорить FrontEnd!
➡️ У нас вы найдете:
🟢 крутые фишки для вёрстки
🟢 макеты проектов
🟢 полезные материалы и ресурсы
🟢 все о javascript, react
🟢 тонну годного материала
🔥 Заходи прямо сейчас, чтобы не потерять - CodeBase | Frontend! | 536 | 0 | Loading... |
00:06
Video unavailableShow in Telegram
Toss Toggle — необычная анимация переключателя. Реализована с помощью CSS и JavaScript.
#анимация #css #js
Видео_без_названия_—_сделано_в_Clipchamp_2.mp41.15 MB
🔥 2
Посмотреть в CodePen
00:08
Video unavailableShow in Telegram
NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript.
#анимация #css #js
Видео_без_названия_—_сделано_в_Clipchamp_2.mp48.91 MB
👍 2
Посмотреть в CodePen
Senior-разработчик создал крутейший канал про Frontend — просто, понятно, интересно.
Подписывайся: @frontend
11.mp43.68 MB
12.mp46.35 MB
13.mp44.99 MB
14.mp42.38 MB
15.mp45.81 MB
👎 1🤩 1
00:06
Video unavailableShow in Telegram
CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG.
#анимация #css #svg
Видео_без_названия_—_сделано_в_Clipchamp_3.mp42.86 MB
🔥 1
Посмотреть в СodePen
00:04
Video unavailableShow in Telegram
Atom Preloader — анимация загрузки. Реализован с помощью CSS и SVG.
#анимация #css #svg
6.6.mp42.99 MB
🔥 3❤ 1
Посмотреть в CodePen
00:11
Video unavailableShow in Telegram
FashionPicker — rарточка с выбором цвета. Реализован с помощью CSS и JavaScript
#анимация #css #js
37.37.mp47.53 KB
👍 1
Посмотреть в CodePen
00:08
Video unavailableShow in Telegram
ParticleS — интересное взаимодействие с курсором мыши. Реализован с помощью CSS и JavaScript
#анимация #css #js
36.36.mp43.58 MB
🔥 2🤩 1
Посмотреть в CodePen
00:04
Video unavailableShow in Telegram
Double Yin Yang Animation in SASS — двойная анимация. Реализован с помощью CSS
#анимация #css
84.mp41.99 MB
🔥 2
Посмотреть в CodePen
00:06
Video unavailableShow in Telegram
Merging letter toggle — переключатель объединения букв. Реализован с помощью CSS
#анимация #css
65.mp48.79 KB
🔥 2
Посмотреть в CodePen
00:06
Video unavailableShow in Telegram
neon lights affect — текст с неоном. Реализован с помощью CSS
#анимация #css
64.mp44.30 KB
👍 1
Посмотреть в CodePen