Красивые текстовые CSS эффекты
Красивый текст или анимация сделают дизайн вашего сайта более привлекательным. В веб-дизайне CSS помогает добавить стиль, включая различные эффекты. С помощью CSS, вы можете изменять цвет и размер элементов, а так же добавить анимацию, чтобы оживить дизайн сайта.
И, чтобы проиллюстрировать это, мы собрали интересные текстовые эффекты, которые стали возможны с CSS (некоторые с небольшим добавлением JavaScript).
Эластичная Анимация
Yoksel оживляет текст интересной цветовой гаммой. Этот эффект создан с помощью CSS и SVG. Результат удивительный!
SVG Glitch
Хотите, чтобы эффекты выглядели как на неисправном аналоговом ТВ? Дирк Вебер сделал этот потрясающий эффект с помощью CSS и SVG фильтров.
Shop Talk logo
Логотип Shop Talk создал Hugo, используя только CSS. Лого выглядит точно так же как и оригинал, включая текстуру.
Эффект длинной тени
Этот эффект создан при помощи CSS. Автор, Juan Brujo сделал ещё 4 других, но этот самый простой.
CSS Text-FX
Moklik создал текстовый эффект с приглушённым свечением, периодическими вспышками предупреждает об опасности.
Анимированная подпись
Gary Hepting создал анимированную подпись с помощью Javascript и SVG.
Цветная дёргающаяся страница 404
mistic100 сделал этот эффект на CSS plus и немного Javascript.
Пытаюсь вставить себе на сайт первый эффект – Эластичная Анимация.
Копирую html в html, css в css.
В итоге ничего. Просто текст.
Вроде не тупой.
Что делаю не так?
В этом примере используется препроцессор SCSS. Поищите информацию в гугле.