Hover Effect eklenecek
Closed this issue · 6 comments
Web siteme aşağıda vereceğim linklerden hover effect eklenecek. Her linkten en az bir tane efekt eklemeyi düşünüyorum. Bunlar açık kaynak kodlu web siteler ve tüm sitelerde github kodların github linki de bulunuyor.
https://tympanus.net/Tutorials/PseudoElementsImageCaptions/
https://tympanus.net/Development/CreativeButtons/
https://tympanus.net/Development/GridLoadingEffects/
https://tympanus.net/Tutorials/CaptionHoverEffects/
https://tympanus.net/Development/IconHoverEffects/
https://tympanus.net/Development/IconHoverEffects/
Ben zaten icon'a hover effect eklemeyi yapmıştım.
https://tympanus.net/Tutorials/PseudoElementsImageCaptions/
Bu kısımdaki image'e hover effect eklemeyi kendi profil fotoğrafım için yaptım. Aynısını projelerim içinde yapacağım.
https://tympanus.net/Tutorials/PseudoElementsImageCaptions/
Kendi profil fotoğrafımda ki image hover effect'ini kaldırdım. Onun yerine "Projelerim" kısmıda ki projelere ekledim bu hover effect'i
https://freefrontend.com/css-button-hover-effects/
Butona hover effect ekleme işlemini buradan yapacağım. Buton üstüne gelindiğinde "fill (doldurma)" effect uygulayacağım.
Butona hover effect ekleme olayını "Ana sayfa" kısmında hallettim. Butona tıklandığında da benim cv'mi indiriyor.
Bu kısmı kapatıyorum. Son olarak neyi nereye eklediğimi söylüyorum.
Image Captions with Pseudo-Elements(Sözde Öğeler İçeren Resim Yazıları) bunu projelerimin gösteriminde yaptım.
Creative Button Styles(Button hover effect) bunu ana sayfada özgeçmiş indir butonuna yaptım.
Loading Effects for Grid Items(yüklenme efekti) bunu yapmadım.
Caption Hover Effects bunuda yapmadım.
Icon Hover Effects(butona geçiş etkisi) bunuda footer kısmındaki iconlarda yaptım.