05 Subat 2012 Pazar
Web sitemizde 14 kategori'de 127 makale'ye yazılmış 400 yorum bulunmaktadır.
CSS ile renk değişimi uygulamasını yapacağız. Bu uygulamamızda farklı olan yapı ise istediğimiz bir zaman aralığında rengin bir renkten diğer renge geçişini kullanıcının görmesidir. Bu uygulamayı ben sizlere bir link üzerinde nasıl yapıldığını göstereceğim.
a{
text-decoration:none;
color:#f00;
}
Linkimin alt çizgisini kaldırdım. Linkimin renginide kırmızı olarak ayarladım.
a:hover {
color:#00f;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
}
Hover olayına ise üzerine gelince 500 milisaniye sonra rengimizin mavi olacağını belirttim. Sizlerde bu süreyi 500ms kısmını değiştirerek sitelerinizde kullanabilirsiniz (1000ms=1s).Uygulamamızda işi yapan kod -webkit-transition kodudur.
Hasan Huseyin İŞLER
Lise yıllarında programlama ile tanışan ve Q-Basic, Pascal, C başlangıç seviyesinde öğrenenir. Üniversite de TEF-BSÖ okurken diğer dillerin yanı sıra PHP'de kendini geliştirmeye devam ederek bunların yanında CSS, JS ve Wordpress sistemiyle ilgilenir. www.phpsorunu.com'un da yöneticisi ve yazarlarındandır.
CodexorCodexor
sema
Kemal Koö
hsnhsynisler
Serkan
Kamil
© Tüm Hakları Saklıdır.
Bu websitesi DMCA Protection ile lisanslanmıştır. Yazılar kaynak belirtilmeden kullanılamaz.
"Soranlara 89'luyum derim. O zamandan bu zaman tabiki çok şey değişmiştir. Fakat şu zamanlar kendime vakit ayırmaktan, blog, programlama ve bilgisayar ile uğraş içerisinde olmayı seviyorum. Takıntı yapmak istemeyen fakat elinde olmadığı için kafasına taktığını yapan birisiyimdir. Bazen de aksine boş verince tam boş veriyorum. İnsanlık hali diyorum ona da. Neyse benden bu kadar daha fazlası için bloğumu dolaşın..."
tşk hocam güzel kaynak
Bu renk değiştirme css kodlarını var olan bir css styles.css dosyasına nasıl aktarabilir ve kullanabiliriz bu konuda bilgi verebilirmisiniz. Teşekkürler.