Магия CSS #4 — Glitch для любого текста на сайте

Создание Glitch-эффекта для любого текста при помощи анимации и директивы @for, применяемой в SCSS.

Места ограничены!

Пример из видео:

______________

______________

______________

[ЕвгенийГончаров-ъя]

Анна, это одно из самых элегантных решений!!! Спасибо 🎉

[Vasya_Stoneoy]

Интересный эффект, выглядит свежо. Объяснила все тоже понятно, спасибо :)

[lekca]

Ну нифига себе, заходя я думал увижу спец. стиль какой-нибудь новый для анимации, а тут целая наука) спасибо, может пригодится)

[metarasta]

Изучая php отстал от css, я работаю с предпроцесморами, но это высший пилотаж!!!

[zoomzoom]

Спасибо!
Хороший решение для современного дизайна

[Ratibor_Gradov]

Спасибо мил человек, как всегда чётка, понятно, нужно))

[oksen]

Thanks a lot for this! This is the best tutorial I've found for this. I appreciate the codepen, it makes it much simpler. Спасибо!

[Se_Mech_Ka]

Привет! А можешь показать плавный слайдер на css? Глич эффект классно получился, спасибо большое, все понятно и четко👌😁

[ne_psixyu]

Лайк, подписка, звон в колокол ))) Спасибо, мне нравится !!!!

[yurok]

Крутой эффект, теперь буду использовать его на своём сайте! А для геометрических объектов можно применять такой эффект или только для текста?

[АндрійКалиненко]

Выглядит круто, спасибо за урок, а такой вопрос, для 2023 года актуально? Или есть новые способы?

[foxello]

Сделать себе такую анимацию на сайт, работает везде, кроме Safari. Как можно решить эту проблему? ( -webkit-animation уже пробовал).

[kramargaming]

Сделайте урок про синтаксис написания кода CSS.

[vitaliigorid]

Огромное спасибо!! Пропустил момент, работает ли на мобильных телефонах/планшетах?

[baxromm]

when ever can I do like that by myself I'am begginer in IT and try to be senior in 3 years

[gaspargrachevski]

А как все это дело применить на сайте?))) вроде все сделал, получил черный фон, черный текст без эффекта ((

[alexeybiryukov]

Анна, спасибо за видео! Попробовал перенести это в html и css файлы и запустить локально - не работает. Если не затруднит - прокомментируй как этот эффект использовать.

[АнтонВладимирович-чн]

одно но - "иттерировать", а не "иНтерировать" )))

[GPforever]

а с less такое не возможно? или на чистом css ? надо подключать те переменные? Скиньте пожалуйста тот кусок кода, который sass преобразовывает в css П О Ж А Л У Й С Т А

[MuhammadAdnan-gxrd]

Can u do the page transition when jump into next page. .