css hover olduğu zaman yazının değişmesi
arkadaşlar selam biraz sacma bir soru oldu, arkadaşlar `a` link bir hover verdim fakat özerine geldiğim zaman azda olsa yazı değişiyor hata nedir bilen var mı bir cok sefer başıma geldi
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
Sorunuzda belirttiğiniz "yazı değişiyor" ifadesi yetersiz bir bilgi.
position, font, color v.b özellikleri değişebilir fakat ben size ekranın tam ortasına yerleştirilmiş
ve sorunsuz çalışan bir hover efektli bir a etiketinin kaynak kodunu paylaşayım.
(isterseniz ortaya sabitlemek için kullandığım kodları silip daha sade bir kod alabilirsiniz)
+Ek olarak eğer şuan CSS öğreniyorsanız öğrendikten sonra tailwind css'e bir bakın derim
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
html {
height: 100%;
}
body {
height: 100%;
display: grid;
place-items: center;
}
a {
display: inline-flex;
text-decoration: none;
background-color: #3ec785;
color: black;
font-family: sans-serif;
padding-left: 16px;
padding-right: 16px;
height: 48px;
align-items: center;
border-radius: 48px;
font-size: 16px;
}
a:hover {
background-color: #036f3b;
color: white;
transition: 300ms;
}
</style>
</head>
<body>
<div>
<a href="https://www.prototurk.com" target="_blank">Hover Me!</a>
</div>
</body>
</html>
@otkur arkadaşımızın vermiş oldugu bilgi işinize sanırım işinize yarar hem sizin ögrenmeniz için de bir kod bırakmış oradan degiştirerek kendiniz de özelleştirebilirsiniz eger yine sorun devam ederse dedigim gibi kodlarınızı paylaşmanız bizim için daha iyi olur en azından yazı ile anlamadıgımızı koda bakarak hemen anlayabiliriz.
