Интересный эффект дыма, который достигается сочетанием SVG и CSS3
Для начала посмотрите
ДЕМО
Моё тестирование в редакторе:
КЛИК
Установка:
1#: Перед /head вставьте:
|
<link rel="stylesheet" type="text/css" href="/css/style.css"> |
2#: В нужное место между body и /body вставьте:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
|
<svg version='1.1' xmlns='http://www.w3.org/2000/svg'> <filter id='blur'> <fegaussianblur stddeviation='10'></fegaussianblur> </filter> </svg> <div class='h'> <h1>IMAPO.RU</h1> <h2>Только лучшие скрипты</h2> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> <div class='c'></div> </div> |
Осталось лишь залить CSS файл из прикреплённого архива в папку
cssАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018