Web tasarımı yapan tasarımcılar tarafından en çok kullanılan özelliklerden biri; yuvarlatılmış köşelere sahip kutular oluşturmaktır. Bunu yapmak için eskiden resimler kullanılırdı. Fakat şimdi CSS3 ile gelen yeni özelliklerden biri olan border-radius ile bunu yapmak artık çok kolay. border-radius özelliği CSS3 ile birlikte geldi ve yuvarlak kenar yapmak için kullanılıyor. Web 2.0 ile birlikte bir çok [...]

CSS3 ile standart metin yazma dışında metinleri farklı açılarda yazdırmak mümkün. Yani yukarıdan aşağıya, aşağıdan yukarıya, açılı yazdırma gibi birçok alternatifle sitelerinizde metinlerinizi görüntüleyebilirsiniz. Bu özelliği ise Firefox 3.5+, IE 7+, Chrome 4.0+, Opera 10.5+ sürümleri desteklemektedir. Bu yazıda sizlere aşağıdan yukarıya, metni sitenizde görüntülemeniz için yazılması gereken CSS kodlarını vereceğim. Bu örnekten yola çıkarak [...]

Web sitelerinde popüler metin biçimlendirmeleri kullanmak oldukça çekici olabilir. Bunun için bu yazıda, inset tipografi için örnek bir çalışmayı CSS kullanarak yapacağız. Bir arkaplan üstünde metin biçimlendirmesi yapacağız. Tamamen CSS kullanarak yapacağız. Bu uygulamayı H1 etiketine uygulayacağız. Öncelikle HTML biçimlendirmemizi yapıyoruz. H1 etiketi ve yazının arkasına bir arkaplan ilavesi için DIV etiketini kullanacağız. Şimdi arkaplan [...]

Metin kutuları veya resimlerde çeşitli efektler elde etmek için bazı basit hileler paylaşmak istiyorum. CSS ile klasik border efektleri dışında ışıklı gölgelerde kullanabiliriz. Light Shadow dediğimiz ışıklı gölge için gri tonlar kullanılabilir. CSS3 ile gerçek bir ışıklı gölge yapabilirsiniz. Light Shadow CSS Kodları: Rounded Corners CSS3 ile köşeleri yuvarlatılmış kutularda yapabilirsiniz. Örnek: CSS Kodları: Beveled [...]