Using SVG clipPath | Writing | Sawyer Hollenshead | Designer and Front-end Developer
One neat thing you can do with SVG, besides creating your own image filters, is creating a clipping path (or mask) that can be used to alter the shape of your images and the boundaries of links, the latter being what most excites me because you can now easily create links that are whatever shape you’d like instead of being restricted to a box. I’ve created a quick demo demonstrating the use of a c
CSS Hexagon Tutorial
height: 100px; width: 100px; border-top: 30px solid #C66; border-bottom: 30px solid #6C6; border-left: 30px solid #66C; border-right: 30px solid #CC6; Now if we drop the setting of height and explicitly set the width of the div to be 0, we get the following: width: 0; border-top: 30px solid #C66; border-bottom: 30px solid #6C6; border-left: 30px solid #66C; border-right: 30px solid #CC6;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG Practice 2011-10-19 - jsdo.it - Share JavaScript, HTML5 and CSS
