facilitate the life of 11 CSS3 techniques
How would you facilitate life CSS techniques? Here we go ... In many CSS3 support next-generation browser with CSS strive to do before we had many effects. For example, Round Corners (rounded corners) to make an extra had to use images or javascript file. Yet with CSS3, that used to make a little cumbersome, but the effects, will start easily done. In this paper, and write code that came with CS3 support will reduce the duration of effects, rather we'll see.
1. Round Corners
Using jQuery plug-in, or ball-shaped divided by an image file, the CSS sprite technique we can make a short round corners now be able to do with the code.
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
2. Shadow Element
Turkish meal in the shadow of the elements can be pronounced easily by plug-in Box Shadow'u actually jQuery'nin dropShadow was possible to do. Now, with only 3 lines of code possible to use this feature in new-generation browser
box-shadow: 5px 5px 2px black;-moz-box-shadow: 5px 5px 2px black;-webkit-box-shadow: 5px 5px 2px black;
3. Font Shadow
To do with CSS text shadows past two divi superimposed and very little between the top margin and left margin were set. To involve the same type in two different colors div'de attention were also. CSS3 support in the text shadow came.
The quick brown fox jumps over the lazy dog.
5. Opaklık
Zaman zaman png dosyaları ile sağladığımız, zamanla css'nin de içine sızan opacity'i CSS3 ile tüm tarayıcılar destekleyecek.
Eski usul opaklık ayarlama
CSS3 ile opaklık ayarlama
6. RGBA Desteği
Herkes RGB'nin red, green ve blue (kırmızı, yeşil ve mavi) olduğunu bilir. Ama nedir bu A harfinin anlamı? A harfi Alpha'nın baş harfidir. Alpha ise transparanlık değerini belirlemektedir. Daha önce php ile sağlanan rgba desteği artık CSS3 ile server tabanlı bir uygulama olmaktan kurtuluyor.
CSS3 kullanımı
Background image in Windows, we celebrated into the floor proceedings to stick to specify the size of the CSS image of the line used to have plenty.
Fakat dediğimiz gibi CSS3 hayatı kolaylaştırıyor.
Two images on top of a content arkaplanına to appoint, within two div definition, have to make a transparent background of the picture üsttteki would remain. An element with the features Fortunately CSS3'e multiple background image that can identify them by ordering which appears above will be able to determine.
The quick brown fox jumps over the lazy dog.
5. Opaklık
Zaman zaman png dosyaları ile sağladığımız, zamanla css'nin de içine sızan opacity'i CSS3 ile tüm tarayıcılar destekleyecek.
Eski usul opaklık ayarlama
CSS3 ile opaklık ayarlama
6. RGBA Desteği
Herkes RGB'nin red, green ve blue (kırmızı, yeşil ve mavi) olduğunu bilir. Ama nedir bu A harfinin anlamı? A harfi Alpha'nın baş harfidir. Alpha ise transparanlık değerini belirlemektedir. Daha önce php ile sağlanan rgba desteği artık CSS3 ile server tabanlı bir uygulama olmaktan kurtuluyor.
CSS3 kullanımı
Background image in Windows, we celebrated into the floor proceedings to stick to specify the size of the CSS image of the line used to have plenty.
Fakat dediğimiz gibi CSS3 hayatı kolaylaştırıyor.
Two images on top of a content arkaplanına to appoint, within two div definition, have to make a transparent background of the picture üsttteki would remain. An element with the features Fortunately CSS3'e multiple background image that can identify them by ordering which appears above will be able to determine.