flat.png-Flat Sosyal Medya Ikonlarina Css3 Gecisleriyle Hover Efektleri-cahitsoyman.blogspot.com
Bu makalemizde Css3 ün geçişlerine  hover efektleri uygulayarak sosyal medya butonlarına 2 farklı geçiş efekti uygulamanın nasıl yapıldığını anlatmaya çalışacağım.

Bu konuda daha önce yaptığımız örneklere aşağıdaki linklerden ulaşabilirsiniz:


Sosyal medya ikonları, kullanıcıları çeşitli medya platformlarına yönlendirerek web sitelerimize düzgün bir etkileşim ve stil katma potansiyeline sahip olurlar. Bu yüzden kullanıcıların daha çok ilgisini çekerek  daha çok tıklamaya neden olurlar.
Örneğimizde 2 farklı efekt uygulaması yapacağız.

Birinci örneğimizde, fare ile ikonların üzerine geldiğimizde orijinal backgroundın yukarı kayarak alt kısmında daha koyu bir background ile bir border in oluşmasını yapacağız.

İkinci örneğimizde ise, Css3 ün box-shadow özelliği ile ikonlarımıza iç gölge (insert) efektinin nasıl verildiğini anlatacağız.





Bu konuda ki anlatımı aşağıdaki videodan veya youtube sayfasından takip edebilirsiniz.