Анимируй @animate_css Channel on Telegram

Анимируй

@animate_css

Здесь публикуется готовый код анимаций, которые можно разместить на своем сайте.
Смотрите демонстрации анимаций, ищите по тегам альтернативные варианты.

Сотрудничество: @antony_web

Анимируй (Russian)

Вы любите создавать красивые и динамичные сайты с помощью анимаций? Тогда канал "Анимируй" (@animate_css) идеально подойдет вам! Здесь публикуется готовый код анимаций, которые можно легко разместить на вашем сайте. Вы сможете увидеть демонстрации анимаций и найти альтернативные варианты по тегам. Не упустите возможность придать вашему сайту новый уровень динамичности и привлекательности

Хотите раскрутить свой бренд? Канал "Анимируй" предлагает возможность купить рекламу через @antony_web или по ссылке https://telega.in/c/animate_css. Присоединяйтесь к нам и делайте свои сайты ярче и креативнее с помощью анимаций!

Анимируй

11 Jan, 13:59

🎮 Анимация загрузки, чем-то напоминающая загрузку приложения Discord.

#прелоадер #ожидание #загрузка
757
Анимируй

10 Jan, 12:37

Эффект наведения на карточки с появлением дополнительной информации.

Примеры применения:
🔸 карточки сотрудников;
🔸 карточки одежды с доступными размерами.

#hover #карточки
998
Анимируй

05 Dec, 14:27

Кубик крутится - страница грузится 🤪

Прелоадер с простым эффектом вращения куба, выполненный без JS.

p.s. буквы на сторонах куба можно менять на свои.

#прелоадер #ожидание #загрузка
2,578
Анимируй

03 Dec, 14:01

Я знаю, сколько времени может уйти на поиск нужной информации в Telegram, поэтому сохраняю полезные каналы в отдельную папку, чтобы не потерять.

И сегодня решил поделиться с вами этой папкой:
сфере «ИТ/ Разработка» 🔥

Тут вы точно найдете ответы на многие свои вопросы. А главное - вам не придется тратить на поиски несколько часов 👇

Поэтому переходите, подписывайтесь и пользуйтесь на здоровье
677
Анимируй

02 Dec, 15:02

Креативный эффект наведения на ссылку 😎

#hover #ссылки
2,622
Анимируй

02 Dec, 10:32

Туса полосок по траектории 404 😇

Добавьте анимацию, которую увидит пользователь, если попадет на страницу, которой не существует.

#страница404
2,283
Анимируй

01 Dec, 15:32

Эффект наведения на карточку с плавным отскоком области с описанием.

#hover #карточки
2,149
Анимируй

27 Nov, 05:30

Пример анимированного подчеркивания с градиентной заливкой.

#ссылки #hover
2,157
Анимируй

24 Nov, 08:09

Змейка бегает по кругу, пока загружается ваша страница.

#прелоадер #ожидание #загрузка
2,370
Анимируй

22 Nov, 12:57

Анимация страницы 404. Хорошо подойдёт для сайта, посвященному путешествиям.

#страница404
2,495
Анимируй

20 Nov, 07:30

Большой выбор эффектов наведения на кнопку.

Примеры применения:
🔶 кнопка для отправки данных по показаниям приборов;
🔶 кнопка для выбора шаблона онлайн-заявления.

#hover #кнопки
2,670
Анимируй

19 Nov, 07:31

Изображение преобразуется в информационную карточку при нажатии на значок ➡️

#карточки
2,371
Анимируй

18 Nov, 07:31

Множество эффектов наведения на ссылку.

#ссылки #hover
2,131
Анимируй

17 Nov, 10:30

При наведении курсором мыши ссылка приобретает красивый градиентный эффект.

Примеры применения:
🔶 ссылка для перехода к оформлению заказа;
🔶 ссылка для перехода в каталог ювелирных украшений.

#hover #ссылки #градиент
2,235
Анимируй

16 Nov, 10:30

Прелоадер в виде большой растекающейся капли.

#прелоадер #ожидание #загрузка
2,196
Анимируй

15 Nov, 07:31

Анимация для соцсетей, похожая на колесо фортуны.

Пример применения:
🔶 выбор функции соцсети: поделиться записью/зайти на главную.

#соцсети
2,374
Анимируй

14 Nov, 07:30

При наведении мышью область ссылки выделяется маркером.

Примеры применения:
🔶 ссылка для перехода к характеристикам товара;
🔶 ссылка для просмотра всех товаров.

#ссылки #hover
2,023
Анимируй

13 Nov, 07:30

Прелоадер, напоминающий падение капель сверху.

#прелоадер #ожидание #загрузка
2,021
Анимируй

12 Nov, 07:30

Цвет фона карточки меняется с цветом текста при наведении на неё.

#карточки #hover
2,218
Анимируй

11 Nov, 07:30

Анимация карточки в 3D-пространстве.

#анимация
2,262
Анимируй

10 Nov, 10:30

Переход подчеркивания ссылки при наведении курсора мыши.

#hover #ссылки
2,158
Анимируй

09 Nov, 10:30

При выборе ссылка принимает форму параллелограмма.

Примеры применения:
🔶 меню магазина по продаже электроники и бытовой техники;
🔶 меню сайта по подбору репетиторов.

#меню #ссылки #hover
2,100
Анимируй

08 Nov, 07:31

Полосатый эффект наведения на ссылку меню.

#меню #ссылки #hover
2,081
Анимируй

07 Nov, 07:30

Простой вариант анимированного прелоадера.

Примеры применения:
🔶 ожидание расчёта стоимости страховки на автомобиль;
🔶 ожидание подтверждения оплаты.

#прелоадер #ожидание #загрузка
1,688
Анимируй

06 Nov, 07:30

Скейтлоадер.

#прелоадер #ожидание #загрузка
1,661
Анимируй

05 Nov, 07:31

Иконки из квадратной формы сменяются на круглые при наведении на соцсети.

#соцсети #hover
1,718
Анимируй

04 Nov, 07:30

Анимация загрузки со значком Microsoft.

Примеры применения:
🔶 загрузка документа для редактирования;
🔶 загрузка просмотра презентации.

#прелоадер #ожидание #загрузка
1,874
Анимируй

03 Nov, 10:30

Наведение на ссылку с анимацией рамки.

#ссылки #hover
1,739
Анимируй

02 Nov, 10:30

Карточки, которые можно выбрать, предварительно прочитав информацию.

Примеры применения:
🔶 выбор фильма с его кратким описанием;
🔶 выбор одной из систем оплаты частями при покупке товаров.

#карточки #hover #кнопки
1,878
Анимируй

01 Nov, 07:31

Соцсети окрашиваются в свой цвет при наведении на них.

#соцсети #hover
1,755
Анимируй

31 Oct, 07:30

Кнопка раскрывается, как папка с карточками.

#hover #кнопки
1,901
Анимируй

30 Oct, 07:31

Контур этого прелоадера будто бы играет в "змейку" и не может догнать свой хвост.

#прелоадер #ожидание #загрузка
1,960
Анимируй

29 Oct, 09:02

Загрузка в виде танцующих частиц, похожих на снежинки.

Примеры применения:
🔶 загрузка расчета стоимости доставки;
🔶 загрузка вывода документа на печать.

#прелоадер #ожидание #загрузка
1,855
Анимируй

29 Oct, 07:01

Забираем эксклюзивный канал для уважающих себя дизайнеров 📱📱📱📱

📱 Здесь собраны только самые свежие и актуальные вакансии для дизайнеров и монтажеров. Наконец вы можете выдохнуть от поиска заказов и приступить к их выполнению!

💻 Каждый уважающий себя фрилансер должен иметь подписку на: https://t.me/free_Design1
1,739
Анимируй

28 Oct, 07:31

Простой вариант вертикального меню для перехода к другим страницам.

#меню
1,752
Анимируй

27 Oct, 13:27

Заголовок для карточки появляется при наведении на неё.

#карточки #hover
1,878
Анимируй

25 Oct, 14:04

Анимация загрузки, подходящая под любой сайт, связанный с кухней.

#прелоадер #ожидание #загрузка
2,072
Анимируй

24 Oct, 09:07

Лучший дизайн на Кириллице 🔥

Кириллица — сборник каналов, где публикуются классные проекты исключительно на кириллице. На протяжении шести лет команда редакторов находит со всего интернета алмазы дизайна и регулярно публикует самые лучшие из них.

🖤 Кириллица.Дизайн — актуальный дизайн сайтов от больших корпораций, студий и маленьких проектов

💜 Кириллица.Бренды — лучший брендинг и айдентика, которые работают в реальной жизни

💙 Кириллица.Приложения — приложения, которые удобные внутри и красивые снаружи

Подписывайся и прокачивай насмотренность внутри СНГ рынка!
795
Анимируй

23 Oct, 06:47

Карточки принимают 3D-форму при наведении на соцсети.

#карточки #соцсети #hover
2,264
Анимируй

19 Oct, 12:40

Ссылка просто сверкает при наведении на неё.

#ссылки #hover
2,769
Анимируй

18 Oct, 14:01

Бесплатное обучение фронтенд-разработке с нуля с личной поддержкой от наставника

На канале Интенсивный JavaScript разрботчик и действующий тимлид помогает изучить фронтенд на практике

Когда-то он работал крупье в казино, а сейчас помогает новичкам попасть в IT и собеседует людей в свою команду

С 20 по 23 октября он проводит бесплатный интенсив, где поможет разобраться во фронтенде с нуля

Что получите на интенсиве
✅ Напишете свой проект на JS: сайт с аниме
✅ Узнаете, как вам сейчас попасть в сферу, каких ошибок избегать
✅ и получите пошаговый план изучения фронтенда с нуля до трудоустройства или стабильных 50 тысяч на фрилансе

Интенсив подойдёт, даже если вы новичок — всё объясняют так, чтобы поняла даже ваша бабушка

Подписывайтесь, осталось 30 мест
Учить фронтенд можно бесконечно, если не знать, куда копать

На интенсиве сократите время на изучение фронтенд-разработки и получите пошаговый план от разработчика, который нанимает новичков в свою команду

👉Участвовать бесплатно


🔥Подписывайтесь и сразу получите мини-курс по основам JavaScript
809
Анимируй

17 Oct, 12:08

Креативный эффект наведения на кнопку или ссылку.

#hover #ссылки
2,401
Анимируй

17 Oct, 09:07

❗️ Дизайнеры Москвы и Санкт-Петербурга — будем творить дизайн вместе!

Созданы каналы, где собирается комьюнити дизайнеров из вашего города.

— Локальные вакансии
— Мероприятия поблизости
— Истории дизайнеров
— Обзоры на коворкинги
— Зарплаты в городе

⭐️ Ведут каналы местные жители. Их мечта — собрать сообщества дизайнеров для каждого города.

❤️ Я из Москвы
❤️ Я из Питера

Подписывайся и следи за последними новостями индустрии твоего города!
989
Анимируй

16 Oct, 16:20

Эффект раскрытия списка соц.сетей и наведения на каждый элемент.

Пример применения:
🔸 выбор соцсети для того, чтобы поделиться статьей на сайте.

#соцсети #hover
2,371
Анимируй

08 Oct, 07:33

"Деень и ноочь - это между нами" ... выбирайте сами :)

Пример применения:
🔶 выбор тёмной или светлой темы на сайте.

#формы #переключатели
2,314
Анимируй

07 Oct, 07:33

Частицы прелоадера играют в догонялки 🏃🏻

#прелоадер #ожидание #загрузка
2,151
Анимируй

06 Oct, 14:31

Наведение на карточку с возможностью перехода на соцсети.

#hover #карточки #соцсети
2,183
Анимируй

05 Oct, 14:30

Переключатель с функцией разблокировки какой-либо опции.

#формы #переключатели
2,035
Анимируй

04 Oct, 07:33

Волнообразный прелоадер для вашей страницы.

#прелоадер #ожидание #загрузка
2,079
Анимируй

03 Oct, 07:33

Простая анимация для загрузки страницы.

Примеры применения:
🔶 загрузка шаблона формы для создания опросника;
🔶 загрузка перевода текста.

#прелоадер #ожидание #загрузка
1,985
Анимируй

02 Oct, 07:33

Страница уехала на отдых 🏖️, просьба не беспокоить!

#страница404
2,082
Анимируй

01 Oct, 07:34

Флажок, который указывает на то, что опция выбрана.

Примеры применения:
🔶 согласие на обработку персональных данных;
🔶 согласие на получение рассылки со скидками, промокодами.

#формы
2,206
Анимируй

30 Sep, 07:33

Неоновый переключатель для вашей страницы.

#формы #переключатели
2,066
Анимируй

29 Sep, 14:31

Страница, которую хотелось найти, ушла в далёкое плавание ⛴️

Примеры применения:
🔶 ненайденная страница по продаже сантехники;
🔶 ненайденная страница управляющей компании.

#страница404
2,211
Анимируй

28 Sep, 14:30

Челночный бег частиц для нескучной анимации загрузки.

#прелоадер #ожидание #загрузка
1,911
Анимируй

27 Sep, 07:33

Если навести мышь на изображение, то можно увидеть, что за ним скрывается текст.

#hover #карточки
2,288
Анимируй

26 Sep, 07:33

Простой переключатель, который показывает, что функция активирована ✅

Примеры применения:
🔶 выбор автоматического списания денежных средств за подписку;
🔶 функция "запрашивать пароль" при каждом входе на страницу.

#формы #переключатели
2,368
Анимируй

25 Sep, 13:04

Даже инопланетяне не смогли найти страницу 🛸

#страница404
2,037
Анимируй

24 Sep, 06:27

Карточка с появлением дополнительных функций при наведении на неё.

#карточки #hover
2,300
Анимируй

23 Sep, 07:34

Три эффекта наведения на кнопки для вашего сайта.

#hover #кнопки
2,068

2025 All Right Reserved

Disclaimer: The content displayed on this website is solely provided by the respective Telegram channels. We hold no ownership or responsibility for the content shared by these channels.