わりと、IEも記述しているところ無かったので。ちなみに、IE は IE4(5.5でした) のころからこれできたはず。
<style>
.target_v {
width:100px;
height:100px;
background: -webkit-linear-gradient(top, #000000, #999999);
background: -moz-linear-gradient(top, #000000, #999999);
background: -o-linear-gradient(top, #000000, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#999999,GradientType=0);
}
.target_h {
width:100px;
height:100px;
background: -webkit-linear-gradient(left, #000000, #999999);
background: -moz-linear-gradient(left, #000000, #999999);
background: -o-linear-gradient(left, #000000, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#999999,GradientType=1);
}
</style>
<div class="target_v"></div>
<div class="target_h"></div>
と言うことでさっそく、Night Saver に適用しました。
参考
http://css3please.com/
GradientType
関連する記事
背景に画像を使い、画像に透過部分があると、CSS transition でその部分に効果が
posted by
at 2012-06-22 02:39
|
CSS
|
|
