- Ad
- Soyad
- Katılım
- 9 Eylül 2019
- Konum
- istanbul
- Konular
- 305
- Mesajlar
- 393
- Ticaret - 0%
- iletişim
- Meslek
- webmaster
Detay
- Meslek
- webmaster
Bu özelliği ekleyeceğiniz css sınıfını chrome da sağ tıklayıp öğeyi incele diyerek seçebilirsiniz. Sonra bu seçtiğiniz css sınıfına aşağıdaki özellikleri ekleyeceksiniz.
Bu kodlarda background-image kodunda renk geçişini verebilirsiniz. Buradaki 120deg denilen gradient efekti yani renk geçişinin açısıdır. Diğer konu ise, bu arkadaki rengin yüksekliği kibunu da background-size içindeki 0.35em de yüksekliği belirliyor.background-image: linear-gradient(120deg, #84FAB1 0%, #34D364 1000%);
background-repeat: no-repeat;
background-size: 100% 0.35em;
background-position: 0 108%;
transition: background-size 0.25s ease-;
Bu arada link üstüne gelince rengin yüksekliği artsın derseniz, css classının hover’ına “background-size: 100% 88%;” olarak verebilirsiniz.
Ayrıca burada hazırlanmış demo şeklinde de var.