[Перевод] Эффект неисправного монитора для текста, картинок и SVG
|
|
Среда, 10 Сентября 2014 г. 15:07
+ в цитатник
Эффект
Glitch Лукаса Беббера выглядит очень круто — как будто вы смотрите на текст на старом мониторе, который слишком часто роняли на пол и у него «плавает» вертикальная синхронизация и сведение.
Реализация этого эффекта на CSS выглядит вполне убедительно. Мне пришлось немного поломать голову, чтобы выяснить, как он работает, и теперь я хочу объяснить это вам. Кроме того, я воспроизвёл этот эффект не только для текста, но и для растровых изображений и SVG, а так же написал несколько примесей Sass, чтобы облегчить работу с ним.
Читать дальше → http://habrahabr.ru/post/236263/
Метки:
CSS
Веб-разработка
css glitch
sass
clip
эффект неисправного монитора
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-