Блоки с размытым фоном на SVG и CSS3 для WebKit Браузеров

FavoriteLoadingДобавить в закладки


Отличный пример того, как можно создать на своём сайте блоки с эффектом размытия, который так успешно использовали в Windows 7

Для начала посмотрите ДЕМО

Установка:

1#: В самый низ вашего CSS вставьте:

 

2#: В самый низ страниц, где будут использоваться такие блоки, перед ‹/body› вставьте:

 

3#: На этих же страницах блоки прописывайте следующим образом:

К сожалению, данный эффект хорошо работает только на WebKit браузерах (Хром, Опера, Яндекс браузер), некорректно работает в Mozilla и вообще не работает в Microsoft Edge

ОтстойОчень плохоПлохоНиже среднегоНормальноМеня зацепилоКлассноШикарноВаще огонь!Это, блять, шедевр! (2 оценок, среднее: 10,00 из 10)

Отправить ответ

1 Комментарий на "Блоки с размытым фоном на SVG и CSS3 для WebKit Браузеров"

Войти с помощью: 
avatar
  Подписаться  
свежатина старость популярность
Сообщать о
RayBread
Участник

классная тема