Blog New Fork Share Full Screen Result Embed on your webpage (blogs, articles, etc.) | | Login Lined papers in a stack made with pure css by david merrique. Only the background is an image (from subtlepatterns). The stacked effect and the red lines have been achieved by styling the ::before and ::after pseudo-elements. From one of the comments: "Instead of using margins or padding, you can use lin
In this article we’ll explore all the current techniques for creating image or texture filled text and show you how to apply them. In this article we’re going to explore several techniques that can be used to create textured text or apply a background to text. Please remember that some of the techniques covered in the article are experimental with very low browser support, and may not be the best
ちょっとざらざらした質感とか、手触りを感じるテクスチャって、背景にさりげなく敷くだけで、ほんのり暖かみが出ていいですよね。このブログにも背景にうっすらノイズ画像を敷いてます。真っ白にするよりも何となく柔らかい感じになって好きなんです;)。 そんなざらざらノイズ画像を半透明にした「透明ノイズ」のつくり方についてまとめてみます:)。 透明ノイズ 「透明ノイズ」とは、ノイズ画像を半透明にしたPNG画像のこと。僕が勝手にそう呼んでるだけですけど。 Firefoxで、画像を右クリックして「画像だけを表示」を選んだ時に開くページの背景にも使われてました(※下図は2013年9月現在。今は透明じゃないノイズになってます)。 Firefoxの「画像だけを表示」 body要素のスタイルに、下記のように指定されてました(※下記ソースコードは2013年9月現在)。 body { background: #222
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く