Форум Сайтостроение Веб-строительство

Как сделать на CSS эффект мазка кисти (см. скрин)?

Mahol
На сайте с 20.11.2016
Offline
98
Mahol
473

Всем доброго дня.

Можно ли сделать такое на CSS? Где посмотреть код подобного, может кто знает?


jpg kist.jpg
katenuha
На сайте с 13.06.2013
Offline
144
katenuha
#1
Mahol :

Всем доброго дня.

Можно ли сделать такое на CSS? Где посмотреть код подобного, может кто знает?


может (скорее всего) это не css? а картинка фоном

Адаптирую Ваш сайт под мобильные устройства. (/ru/forum/946260) за 1 день.
ArbNet
На сайте с 27.10.2019
Offline
129
ArbNet
#2
Mahol :
Можно ли сделать такое на CSS? Где посмотреть код подобного, может кто знает?

просто картинка мазок :)

Собираю команду для совместной работы, так же можете там понаблюдать как я работаю и пообщаться со мной ;) https://discord.gg/CmckMR3jg2
D.iK.iJ
На сайте с 26.05.2013
Offline
228
D.iK.iJ
#3

Тут или рисовать из кучи овалов (div блоков) и подбирать для них фон и какую-то внутреннюю или наружную тень.

Например: box-shadow: inset 0px 0px 30px 3px #fff ;   border-radius: 15px;   background: rgba(240, 191, 125, 70%) ;

Можно попробовать использовать картинку с шумом (что-то вроде http://www.patternify.com/) и Background-blend-mode для мест наложений. Ну или градиент.


Или попробовать нарисовать сложную форму на Canvas. Но там даже примерно не скажу - что и как.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
Кроссбраузерные фишки для браузеров Ширина блока div относительно Вырезать круглую часть из

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий