19 ŞUBAT 2010, Cuma
CSS3 Şeffaflık Degrade
Temsil etmek son derece eğlenceli, -webkit-gradient
, -moz-gradient
. progid:DXImageTransform.Microsoft.gradient
... Evet. :)
Bir şekilde alpha şeffaflık en son CSS geçerli/gözlük kullanarak degrade var ki, temsil etmek ve geçişlerini iki birleştirmek için vardır.
CEVAP
19 ŞUBAT 2010, Cuma
Evet. Hem y ve moz degrade tanımlamalar temsil etmek kullanabilirsiniz:
/* webkit example */
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(50,50,50,0.8)),
to(rgba(80,80,80,0.2)), color-stop(.5,#333333)
);
(src)
/* mozilla example - FF3.6 */
background-image: -moz-linear-gradient(
rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%
);
(src)
Görünüşe göre bile YANİ bu, garip bir "hex" sözdizimi. genişletilmiş kullanarak yapabilirsiniz İlk çift (örnek 55) matlık: düzeyini ifade eder
/* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
(src)
Bunu Paylaş:
CSS3 degrade arka plan vücut değil...
Degrade arka planlar ile CSS3 geçişler...
Box-boyutlandırma CSS3: kenar-box; Ned...
Tekrar altıgen desen oluşturmak CSS3 i...
CSS3 dönüştürme:; 9 dönerler...