CSS3 bir kurtarıcı mı?

By burku on Mar 14, 2009 | In web tasarımı | Send feedback »

Bu kutunun arkasında bir gölge görüyorsanız Safari browserını kullanıyorsunuz demektir.

Bu kutunun köşelerini yuvarlak görüyorsanız Safari veya Firefox kullanıyorsunuz.

Diğer tarayıcılar neden güzelim CSS3 stillerini desteklemiyor, anlam veremiyorum... Bu yukarıdakini yapmak için aşağıdaki stili yazmak yeterli.

Code:

-webkit-box-shadow: 5px 5px 5px silver;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 5px 5px 5px 15px;
background:#f8f8f8;b
order:1px black solid

İnsanları böyle fırsat varken imajlarla uğraşmaya zorluyorlar. Burdan sevgili Firefox'a sesleniyorum...CSS3'ü tanıyın lan!

CSS3'ün devrim niteliğindeki iki stilinden daha bahsetmek istiyorum. Birden fazla background ve rgba. Rgba'daki a alpha olup rengin opacitysini değiştirmekte. Fakat opacity stilinden çok daha iyi bir özelliği var. Mesela bir divin backgroundunu şeffaflaştırdığınızda sadece background şeffaflaşıyor, divin içine koyduklarınız onunla birlikte şeffaflaşmıyor.

Sansüre Hayır !

Rgba'yı destekleyenler, Firefox ve Safari. Birden fazla backgroundu sadece Safari'de görebilirsiniz.

Tek divle işi bitiriyorsunuz.

Code:

border:1px black solid;
width:200px;height:400px;
background: url(http://www.biolabsoftware.com/bls/images/catIcon.jpg) 50px 140px no-repeat,
url(http://www.rdgnetwork.org/blog/img/floransa2.jpg) top left no-repeat;
color:white

Leave a comment


Your email address will not be revealed on this site.

Your URL will be displayed.
(Line breaks become <br />)
(Name, email & website)
(Allow users to contact you through a message form (your email will not be revealed.)
« Alice Cooper DövmeleriAlexander Supertramp kadar cesur olanlar bir adım öne çıksın! »