The Gooey Effect | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a post by Lucas Bebber. Lucas the originator of some of the most creative effects I’ve ever seen on the web. So much so I couldn’t resist blogging about them myself several times. Much better this time: we got the man himself to explain how SVG filters work and how you can u
svgのfilterを使ってドット階調っぽい効果をつける
ノスタルジックなドット階調表示をfilterで作ってみた．operaだとfeTileが上手く動作しないようなので，見た目がおかしい．hrefで参照する図形がsvgだとダメっぽいので，別途png画像等を使えば何とかなるかもしれない． 画像の明度を取得 明度を5階調に分割する(1) 明度毎のドットパターンを生成する(2) (2)の図形を(1)で切り抜いて重ねあわせる． <?xml version="1.0" standalone="no"?> <svg width="200px" height="200px" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <defs> <filter id="dotted"> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
