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
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>