- Фев
- 468
- 120
Пользователь
увидел на форуме crmp.online где они добавили в обьявление при наведении на «Магазин форума» ниже появляется обводка, подскажите как такую же настроить можно только другим цветом
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now! /* Подсветка магаза */
.maqazikkk {
position: relative;
display: inline-block;
color: yellow;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.maqazikkk::after {
content: "";
position: absolute;
left: 50%;
bottom: -4px;
width: 0;
height: 2px;
background: linear-gradient(90deg, #ffff00, #ffff00);
transition: all 0.35s ease;
transform: translateX(-50%);
border-radius: 2px;
}
.maqazikkk:hover {
color: yellow;
}
.maqazikkk:hover::after {
width: 100%;
}
/* Подсветка магаза */
.maqazikkk {
position: relative;
display: inline-block;
color: yellow;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.maqazikkk::after {
content: "";
position: absolute;
left: 50%;
bottom: -4px;
width: 0;
height: 2px;
background: linear-gradient(90deg, #ffff00, #ffff00);
transition: all 0.35s ease;
transform: translateX(-50%);
border-radius: 2px;
}
.maqazikkk:hover {
color: yellow;
}
.maqazikkk:hover::after {
width: 100%;
}
куда вставлятьCSS:/* Подсветка магаза */ .maqazikkk { position: relative; display: inline-block; color: yellow; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .maqazikkk::after { content: ""; position: absolute; left: 50%; bottom: -4px; width: 0; height: 2px; background: linear-gradient(90deg, #ffff00, #ffff00); transition: all 0.35s ease; transform: translateX(-50%); border-radius: 2px; } .maqazikkk:hover { color: yellow; } .maqazikkk:hover::after { width: 100%; }
куда вставлять