sevimlidir çünkü oval köşeler yapmak için sizi uğraştırmaz, geçiş efekti için javascript yazmanıza gerek kalmaz (tek neden bu değil elbette). Kolaycı bir yaklaşımı vardır.
Bugün öğrendim ki; renk geçişini şöyle sağlayabiliyormuşum:
- bir link için normal ve :hover durumları yazılır:
- Sonrasında da bügün örendiğim ve renk geçişini sağlayan şu kod
a {-webkit-transition-duration: .33s; -webkit-transition-property: color, background;}
a{ background-color: #239; color: #fff; padding:10px;} a:hover{ background-color: #932; color: #020202; }
Zannederim biraz performansı düşürüyor. Abartmamak lazım. Örneğin şu blog da tüm oval köşeler ve geçişler çok kullanılmış.
Not: CSS3 ile zaten bu tarz işlemler standart olma (galiba) aşamasında efendim :
http://www.w3.org/TR/css3-transitions/
konuyu irdelemek için:
- http://css-infos.net/property/-webkit-transition-duration
- http://developer.apple.com/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-transition-duration
- http://webkit.org/blog/138/css-animation/
- http://www.w3.org/TR/css3-transitions/
No comments:
Post a Comment