CSS доширак

@css_doshik

Готовые анимации, hover-эффекты и прелоадеры, которые можно вставить в свой проект и настроить пока заваривается Доширак.

Make your project awesome

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

Канал на бирже: https://telega.in/c/css_doshik

CSS доширак (Russian)

Добро пожаловать в канал "CSS доширак"! Здесь вы найдете готовые анимации, hover-эффекты и прелоадеры, которые можно легко вставить в свой проект и настроить, пока вы ждете, когда заварится ваш Доширак. Этот канал создан для тех, кто хочет сделать свой проект удивительным и стильным, используя CSS.

CSS доширак - это место, где вы можете найти вдохновение и готовые решения для анимаций, которые сделают ваш проект выделяться среди других. Сотрудничество с нами - это шанс получить доступ к уникальным ресурсам и профессиональной помощи от команды @noname_media.

Не упустите возможность сделать ваш проект неповторимым и привлекательным для пользователей. Присоединяйтесь к нам на канале "CSS доширак" и превратите ваш проект в нечто удивительное! Подписывайтесь на наш канал на бирже: https://telega.in/c/css_doshik

CSS доширак

15 Jan, 06:05

Cursor hover — курсор с оригинальным эффектом при наведении. Реализован с помощью CSS

#анимация #css

CSS доширак

14 Jan, 12:59

Готовишься к собеседованию?

Разбираем для тебя самые актуальные вопросы для подготовки

Выбирай направление:

👩‍💻 Frontend
🖥 Backend
👩‍💻 JS
👩‍💻 Python
👩‍💻 Go
👩‍💻 Java
👩‍💻 C/C++
👩‍💻 C#
👩‍💻 PHP
👩‍💻 QA
📊 SQL
👩‍💻 Git

CSS доширак

14 Jan, 06:05

preloader — танцевальный номер частиц. Реализован с помощью CSS

#анимация #css

CSS доширак

13 Jan, 12:08

⚡ Ищешь работу или стажировку в IT?

Тогда тебе точно будут полезны эти каналы:

БИГТЕХ – стажировки и вакансии
👉 ПОДПИСАТЬСЯ

Young & Junior - вакансии IT
👉 ПОДПИСАТЬСЯ

Young Стажёр - стажировки ИТ
👉 ПОДПИСАТЬСЯ

Junojobs
👉 ПОДПИСАТЬСЯ

Макс из < codereview />
👉 ПОДПИСАТЬСЯ

Помни! Твои скиллы достойны лучшего оффера.

Подпишись на эти каналы и рекрутеры однозначно заметят тебя.

CSS доширак

13 Jan, 06:05

Split text — анимированный текст с эффектом разделения. Реализован с помощью CSS и JavaScript.

#анимация #css

CSS доширак

12 Jan, 06:05

WARP — анимированный красочный фон. Реализован с помощью CSS и JavaScript.

#анимация #css

CSS доширак

11 Jan, 06:05

CSS only infinite slider — бесконечная карусель. Реализована с помощью CSS.

#анимация #css

CSS доширак

10 Jan, 06:05

Background inifnite scrolling — бесконечный анимированный фон. Реализованный с помощью CSS.

#анимация #css

CSS доширак

09 Jan, 06:05

CSS glowing icons — неоновые иконки социальных сетей. Реализованы с помощью CSS.

#анимация #css

CSS доширак

08 Jan, 06:05

3D Loader Cube 😎 — прыгающий кубик за место скучной загрузки. Реализован с помощью CSS.

#анимация #css

CSS доширак

07 Jan, 12:05

⚡️ В сети начали массово сливать курсы и книги известных онлайн школ

Вот отсортированная база с тонной материала(постепенно пополняется):

БАЗА (4687 видео/книг):

(363 видео, 87 книги) — Python
(415 видео, 68 книги) — Frontend
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++
(343 видео, 87 книги) — Java
(176 видео, 32 книги) — Git
(293 видео, 63 книги) — C#
(174 видео, 91 книги) — DevOps
(167 видео, 53 книги) — PHP
(227 видео, 83 книги) — SQL/БД
(163 видео, 29 книги) — Linux
(107 видео, 43 книги) — СисАналз
(181 видео, 32 книги) — Go
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(137 видео, 93 книги) — DS/ML
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — UI/UX
(129 видео, 73 книги) — QA
(213 видео, 63 книги) — Rust
(121 видео, 24 книги) — Ruby

Скачивать ничего не нужно — все выложили в Telegram

CSS доширак

07 Jan, 06:05

Content reveal cards — слайдер для карточек. Реализован с помощью CSS.

#анимация #css

CSS доширак

06 Jan, 06:05

3D Sphere with filling animation — анимация заполнения 3D сфер. Реализована с помощью CSS.

#анимация #css

CSS доширак

05 Jan, 06:05

cpc-round | orbits — панель с вращающимися по орбите иконками. Реализована с помощью CSS.

#анимация #css

CSS доширак

04 Jan, 06:05

Gradient background with waves — переливающийся фон с анимированными "волнами". Реализован с помощью CSS.

#анимация #css

CSS доширак

03 Jan, 06:05

SVG Text — анимированный текст. Реализован с помощью CSS.

#анимация #css

CSS доширак

02 Jan, 06:05

CSS Light Sphere — анимация в виде неоновой сферы. Реализована с помощью чистого CSS.

#анимация #css

CSS доширак

01 Jan, 06:05

3d text marquee effects — бегущая строка с эффектом 3D. Реализована с помощью CSS.

#анимация #css

CSS доширак

31 Dec, 06:05

Snow (Pure CSS) — анимация падающего снега. Реализована с помощью SCSS.

#анимация #scss

CSS доширак

30 Dec, 06:05

Bouncing Liquid Loader — успокаивающий прелоадер. Реализован с помощью CSS

#анимация #css

CSS доширак

29 Dec, 06:05

CSS Infinite Loop — анимация загрузки. Реализован с помощью CSS

#анимация #css

CSS доширак

28 Dec, 06:05

Netlify loading animation prototype — анимация загрузки. Реализован с помощью CSS

#анимация #css

CSS доширак

27 Dec, 06:05

lock animation — анимация доступа. Реализован с помощью CSS

#анимация #css

CSS доширак

26 Dec, 10:01

Привет! 👋
Мы нашли канал, на котором каждый день публикуются увлекательные и полезные материалы, которые вы так долго искали! 😎

Здесь вы найдёте:
• рецепты кода
• мемы
• интересные статьи и факты
• викторины
• макеты
• иконки
• полезные ссылки
И это еще не всё! Здесь много интересного!

Да-да! Всё в 1 канале!
Подписывайся скорее пока доступ не пропал! 🧑‍💻

Пссс...

А в этом сервисе ты можешь сократить ссылку,

поделиться файлом илм текстом, ставить пароли, отслеживать статистику по переходам, включать автоудаление - и всё это бесплатно!

CSS доширак

26 Dec, 06:05

Destiny Ghost Preloader Animation — окрашивание логотипа в яркие цвета при наведении. Реализован с помощью CSS

#анимация #css

CSS доширак

25 Dec, 06:05

Typing Dots — анимированная надпись. Реализован с помощью CSS

#анимация #css

CSS доширак

24 Dec, 06:05

CSS Preloader Clock 2017 — тик-так. Реализован с помощью CSS

#анимация #css

CSS доширак

23 Dec, 06:05

neon lights affect — текст с неоном. Реализован с помощью CSS

#анимация #css

CSS доширак

22 Dec, 06:05

Loading Animation — текстовая анимация загрузки.. Реализован с помощью CSS

#анимация #css

CSS доширак

21 Dec, 06:05

Pure CSS - Pikachu in 3D Box — анимированная сцена. Реализован с помощью CSS

#анимация #css

CSS доширак

20 Dec, 06:05

Animated variable font — анимированный текст. Реализован с помощью CSS

#анимация #css

CSS доширак

19 Dec, 06:05

Single div CSS LEGO bricks — кубики Lego. Реализован с помощью CSS

#анимация #css

CSS доширак

18 Dec, 06:05

Configurable Color Change — объект в виде радуги с анимацией. Реализован с помощью CSS

#анимация #css

CSS доширак

17 Dec, 06:05

Excision — сцена с анимированной фигурой в космосе. Реализован с помощью CSS

#анимация #css

CSS доширак

16 Dec, 06:05

Light/Dark adaptive blend-mode — анимация текста. Реализован с помощью CSS

#анимация #css

CSS доширак

15 Dec, 06:05

Sponge — аквариумный губка-боб. Реализован с помощью CSS

#анимация #css

CSS доширак

14 Dec, 06:05

CSS Only Windows 98 — функционирующий рабочий стол Windows 98. Реализован с помощью CSS.

#анимация #css

CSS доширак

13 Dec, 06:05

SVG animation + CSS only +hover/focus state styles — анимированные иконки с эффектом при наведении. Реализованы с помощью SCSS и SVG.

#анимация #scss #svg

CSS доширак

12 Dec, 06:05

SVG Text Animation Using Stroke Offset Method — анимированное появление текста. Реализовано с помощью CSS и SVG.

#анимация #css #svg

CSS доширак

11 Dec, 06:05

Button Hover State Border — кнопка с эффектом при наведении. Реализована с помощью CSS.

#анимация #css

CSS доширак

10 Dec, 06:05

Toss Toggle — необычная анимация переключателя. Реализована с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

09 Dec, 06:05

NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

08 Dec, 06:05

CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG.

#анимация #css #svg

CSS доширак

04 Dec, 06:05

Double Yin Yang Animation in SASS — двойная анимация. Реализован с помощью CSS

#анимация #css

CSS доширак

03 Dec, 07:05

Вам нравится читать контент на этом канале?

Возможно, вы задумывались о том, чтобы купить на нем интеграцию?

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

CSS доширак

03 Dec, 06:05

Merging letter toggle — переключатель объединения букв. Реализован с помощью CSS

#анимация #css

CSS доширак

02 Dec, 06:05

CSS3 Loader & Spinners — 126 прелоадеров. Реализован с помощью CSS

#анимация #css

CSS доширак

01 Dec, 06:05

Configurable Color Change — объект в виде радуги с анимацией. Реализован с помощью CSS

#анимация #css

CSS доширак

30 Nov, 06:05

Drag and Drop w/ SortableJS — панелька с плавным перетаскиванием контактов. Реализован с помощью CSS

#анимация #css

CSS доширак

29 Nov, 06:05

Animated Glow Button — анимированная кнопка с эффектом при наведении и нажатии. Реализован с помощью CSS

#анимация #css

CSS доширак

28 Nov, 06:05

Cursor hover — курсор с оригинальным эффектом при наведении. Реализован с помощью CSS

#анимация #css

CSS доширак

27 Nov, 06:05

Weather app prototype — Scroll-driven animations — приложения для погоды. Реализован с помощью CSS

#анимация #css

CSS доширак

26 Nov, 06:05

CSS Preloader Clock 2017 — тик-так. Реализован с помощью CSS

#анимация #css

CSS доширак

25 Nov, 06:05

Wave button animation — эффект возрастания волны в кнопке при наведении на неё. Реализован с помощью CSS

#анимация #css

CSS доширак

24 Nov, 06:05

Star animation — звёздная анимация для фона и меню. Реализован с помощью CSS

#анимация #css

CSS доширак

23 Nov, 06:05

Outline-to-Fill Tab Icon Animations — анимация значков меню. Реализован с помощью CSS

#анимация #css

CSS доширак

22 Nov, 06:05

Skating bunny — игра. Реализован с помощью CSS

#анимация #css

CSS доширак

21 Nov, 06:05

Particles button — пузыри. Реализован с помощью CSS

#анимация #css

CSS доширак

20 Nov, 06:05

checkbox — переключатель необычной формы. Реализован с помощью CSS

#анимация #css

CSS доширак

19 Nov, 12:05

Успей ухватить 7 дней бесплатного обучения фронтенд-разработке!

🔥 С нас обучение, практика и помощь с выходом на фриланс.

💻 Чем ты займешься:

1. Верстка с нуля
Освоишь HTML и CSS, создашь свой первый лендинг и полноценный веб-сайт.

2. JavaScript и интерактивность
Оживишь сайт с помощью JavaScript, а затем поработаешь с Angular и TypeScript.

3. Продакшен и хостинг
Подключишь Backend и выложишь сайт в интернет.

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

🔥 На каждом этапе тебя поддержит куратор и поможет с заданиями.

Для кого подходит интенсив?

- Тем, кто хочет попрактиковаться в вёрстке сайтов
- Тем, кто хочет стабильно и уверенно зарабатывать на вёрстке сайтов
- Тем, кто хочет в IT, но не знает, с чего начать

👉 Проскочить на интенсив бесплатно

CSS доширак

19 Nov, 06:05

Fiery Preloader — огненный прелоадер. Реализован с помощью CSS

#анимация #css

CSS доширак

18 Nov, 06:05

Spinner — ожидание загрузки. Реализован с помощью CSS

#анимация #css

CSS доширак

17 Nov, 06:05

Button Animation — кнопка для активации. Реализован с помощью CSS

#анимация #css

CSS доширак

16 Nov, 06:05

Square to circle button animation — смена квадратной формы кнопки на круглую при наведении на неё. Реализован с помощью CSS

#анимация #css

CSS доширак

15 Nov, 12:05

Ищем фронта. Релокейт, удалёнка, платим много!

Специально для Вас, собираем топовые вакансии для фронтов на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер!

CSS доширак

15 Nov, 06:05

Radar — пульсирующий прелоадер. Реализован с помощью CSS

#анимация #css

CSS доширак

14 Nov, 06:05

Background Animation — хаотичное движение частиц. Реализован с помощью CSS

#анимация #css

CSS доширак

13 Nov, 06:05

Button with Hover Effect — сияющий эффект при наведении на кнопку. Реализован с помощью CSS

#анимация #css

CSS доширак

12 Nov, 06:05

Preloader — ожидание загрузки. Реализован с помощью CSS

#анимация #css

CSS доширак

11 Nov, 06:05

Color Wheel Preloader — ожидание загрузки. Реализован с помощью CSS

#анимация #css

CSS доширак

10 Nov, 06:05

Dot Clock Preloader — стрелка часов. Реализован с помощью CSS

#анимация #css

CSS доширак

09 Nov, 06:05

Animated Weather Icons — анимированные иконки с различным типом погоды. Реализован с помощью CSS

#анимация #css

CSS доширак

08 Nov, 06:05

Accordion Image Gallery — эффект расширения изображения при наведении на него. Реализован с помощью CSS

#анимация #css

CSS доширак

07 Nov, 06:05

Responsive macOS Style Portfolio
— необычное портфолио. Реализован с помощью CSS

#анимация #css

CSS доширак

06 Nov, 06:05

Gradient BG Animation — фон сменяется на все цвета радуги. Реализован с помощью CSS

#анимация #css

CSS доширак

05 Nov, 06:05

Osaka Card — движение изображения в зависимости от положения мыши. Реализован с помощью CSS

#анимация #css

CSS доширак

04 Nov, 06:05

Animated Glow Button — анимированная кнопка с эффектом при наведении и нажатии. Реализован с помощью CSS

#анимация #css

CSS доширак

03 Nov, 06:05

Pure CSS "Day and Night toggle" — простая смена темы. Реализован с помощью CSS

#анимация #css

CSS доширак

02 Nov, 06:05

Neumorphic Fitbit UI — интерфейс приложения. Реализован с помощью CSS

#анимация #css

CSS доширак

01 Nov, 06:05

Stopwatch Animation —анимация таймера. Реализован с помощью CSS

#анимация #css

CSS доширак

31 Oct, 06:05

CSS Animation: Slack Logo — анимированное лого. Реализован с помощью CSS

#анимация #css

CSS доширак

30 Oct, 06:05

Light/Dark adaptive blend-mode — анимация текста. Реализован с помощью CSS

#анимация #css

CSS доширак

29 Oct, 06:05

CSS Only Windows 98 — функционирующий рабочий стол Windows 98. Реализован с помощью CSS.

#анимация #css

CSS доширак

28 Oct, 06:05

SVG Text Animation Using Stroke Offset Method — анимированное появление текста. Реализовано с помощью CSS и SVG.

#анимация #css #svg

CSS доширак

27 Oct, 06:05

Button Hover State Border — кнопка с эффектом при наведении. Реализована с помощью CSS.

#анимация #css

CSS доширак

26 Oct, 06:05

NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

25 Oct, 06:05

CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG.

#анимация #css #svg

CSS доширак

24 Oct, 06:05

Atom Preloader — анимация загрузки. Реализован с помощью CSS и SVG.

#анимация #css #svg

CSS доширак

23 Oct, 06:05

FashionPicker — rарточка с выбором цвета. Реализован с помощью CSS и JavaScript

#анимация #css #js

CSS доширак

22 Oct, 06:05

ParticleS — интересное взаимодействие с курсором мыши. Реализован с помощью CSS и JavaScript

#анимация #css #js

CSS доширак

21 Oct, 06:18

Думаешь, как сделать градиентный текст в HTML?
Хочешь экспортировать страницу в PDF c помощью JS?
Не знаешь как установить Homebrew для macOS?

Смотри на мир глазами разработчика c dr.Brain. Изучай обзоры, трюки, задачи, руководства.

Не забудь подписаться

CSS доширак

21 Oct, 06:05

3d text marquee effects — бегущая строка с эффектом 3D. Реализована с помощью CSS.

#анимация #css

CSS доширак

20 Oct, 06:05

Snow (Pure CSS) — анимация падающего снега. Реализована с помощью SCSS.

#анимация #scss

CSS доширак

19 Oct, 16:10

Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.

Присоединяйтесь: @FrontendPortal

CSS доширак

19 Oct, 06:05

Porduct delivery status card for website — анимированная карточка со статусом доставки. Реализована с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

18 Oct, 06:05

Flow field 2 — красивая анимация с градиентом. Реализована с помощью SCSS и JavaScript.

#анимация #scss #js

CSS доширак

17 Oct, 06:05

2023 Fireworks? — салют в честь 2023 года. Реализован с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

16 Oct, 06:05

Link hover animation — эффект при наведении на ссылку в тексте. Реализован с помощью SCSS и SVG.

#анимация #scss #svg

CSS доширак

15 Oct, 06:05

Chroma cycle — интересная анимация. Реализована с помощью CSS, SVG и JavaScript.

#анимация #css #svg #js

CSS доширак

14 Oct, 06:05

AI Assistant Blob — анимация для голосового помощника. Реализована с помощью SCSS и JavaScript.

#анимация #scss #js

CSS доширак

13 Oct, 06:05

Blurred animated gradients — анимированный фон в виде градиента. Реализован с помощью SCSS.

#анимация #scss

CSS доширак

12 Oct, 06:05

WebGL Apple Cards — анимированные карточки с эффектом при наведении. Реализованы с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

11 Oct, 06:05

Controlled Clock — стилизованные часы. Реализованы с помощью CSS, SVG и JavaScript.

#анимация #css #svg #js

CSS доширак

10 Oct, 06:05

Button Hover Effects — эффекты при наведении на кнопки. Реализованы с помощью SCSS и JavaScript.

#анимация #scss #js

CSS доширак

09 Oct, 06:05

CSS only infinite slider — бесконечная карусель. Реализована с помощью CSS.

#анимация #css

CSS доширак

08 Oct, 06:05

3D Button — объемная кнопка с эффектом при наведении. Реализована с помощью SCSS и JavaScript.

#анимация #scss #js

CSS доширак

07 Oct, 06:05

3D carousel — интерактивная галерея-карусель. Реализована с помощью CSS и JavaScript.

#анимация #css #js

CSS доширак

06 Oct, 06:05

Play button animation — плавная смена кнопки. Реализован с помощью CSS

#анимация #css

6,114

subscribers

5

photos

199

videos

Best Similar Channel

Programmer & IT Memes

153,046 subscribers

Макеты для верстки

52,617 subscribers

Frontender's notes [ru]

36,215 subscribers

@frontendnoteschannel_ru

Сайтодел | GitHub, Верстка, Сайты, FullStack

33,385 subscribers

33,013 subscribers

29,770 subscribers

Senior Frontend - javascript, html, css

29,133 subscribers

Веб-страница

26,296 subscribers

Frontend Portal

25,100 subscribers

@frontendportal

Senior Frontend Developer | JavaScript, React, HTML & CSS

21,054 subscribers

Random Similar Channel

Верстальщик от бога

14,413 subscribers

Reactify | Frontend Разработка

4,936 subscribers

WEB BEKS | HTML & CSS & JS

10,447 subscribers

Макетная Figma Telegram Channel

Макетная Figma

3,215 subscribers

2,290 subscribers

11,438 subscribers

WebCraft - ремесло веб разработки

6,324 subscribers

Code Ready | Frontend

17,932 subscribers

Frontend Trends

5,047 subscribers

@trends_frontend

.ccode [JS, HTML, CSS]

1,349 subscribers

Dolphin Project: Сборки | Новости

6,870 subscribers

Надежда на Технологии

773 subscribers

$Сериал Благие знамения\Good omens$

Сериал Благие знамения\Good omens

6,041 subscribers

Лил Дель/Лисица Аста🦊

1,181 subscribers

ПЕТRUSЕВИЧ V Крым Валерия Петрусевич

12,185 subscribers

AA-Online.ru - Анонимные Алкоголики - Telegram

7,890 subscribers

Ларис, прикинь

18,901 subscribers

HoReCa-юрист Юлия Вербицкая | Право для рестораторов

2,622 subscribers

9,696 subscribers

QIWI Новости

997 subscribers