|
Linkek testreszabsa
2018.12.07. 17:17
Nhny szuper kd segtsgvel lehetsgnk van mg izgalmasabb s szebb tenni a linkeket.
Termszetesen ehhez is tartozik egy alap kd, mellyel be tudjuk lltani a linkek kinzett:
a:link, a:visited {
font-family: 'Noto Serif JP', sans-serif; (BETTPUS)
font-style: italic; (FLKVR, DLT)
background-color: transparent; (HTTRSZN)
color: #000000; (BETSZN)
text-decoration: none !important;
transition:0.5s ease; (HALVNYTS MRTKE, NE BNTSD)
-o-transition:0.5s ease;
-moz-transition:0.5s ease;
-webkit-transition:0.5s ease;
}
a:hover, a:active { (MIKOR RVISZED AZ EGERET)
background-color: transparent;
color: #d2d2d2;
text-decoration: none !important;
}
Ehhez kiegsztskpp hozz tudunk rakni egy-kt kiegszt kdot:
a {
position: relative;
display: inline-block;
text-decoration: none;
}
a::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #333;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
a:hover::after {
transform: scale(1, 1);
}
| 
AJÁNLOM AZ OLDALT
