articles

2013 年 6 月 20 日

CSSハック firefoxも

CATEGORYCSShacks  3:10 AM

前日のIEハックの件で、ちょうどFirefoxもboxモデルあたりが危ういのでハックを入れました。

#articles,x:-moz-any-link, x:default {
width: 60%;
max-width: 1000px;
min-width: 300px;}

2013 年 6 月 20 日

CSS3 filter:blurでぼかし

CATEGORYCSSCSS3  1:28 AM

ドロップシャドウを用いてテキストにボケ表現をするパターンは見ますが、画像そのものをぼかす表現は見たことがなかったのでサンプル作ってみます。

header h1{
 -webkit-filter: blur(0px);
 -webkit-transition: all 0.2s linear;
 /*filter: blur(0px);*/
 /*transition: all 0.6s linear;*/
}

header h1:hover{
 filter: blur(0px);
 -webkit-filter: blur(10px);
}

このブログのことでした。