Шаблон:Main page/navigation/styles.css: различия между версиями

Материал из SS220 SS14 WIKI
м (Откат правки Bliacia (обсуждение) к последней версии Vinogradgarden)
Метки: откат отменено
Нет описания правки
Метка: отменено
Строка 5: Строка 5:
#home-nav .home-card__foreground {
#home-nav .home-card__foreground {
     font-weight: 500;
     font-weight: 500;
}
.home-card__background {
position: relative; /* важно для псевдоэлемента */
z-index: 0; /* фон ниже текста */
overflow: hidden;
border-radius: 8px;
}
.home-card__background:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 180, 255, 0.05);
box-shadow: 0 0 25px 10px rgba(0, 180, 255, 0.4);
border-radius: 8px;
z-index: 0; /* ниже текста */
pointer-events: none;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
/* Чтобы текст был поверх свечения */
.home-card__foreground {
position: relative;
z-index: 1;
}
/* Свечение при наведении */
.home-card__background:hover:before {
box-shadow: 0 0 50px 20px rgba(0, 180, 255, 0.6);
transform: scale(1.05);
}
}

Версия от 00:04, 26 октября 2025

#home-nav {
	margin-top: 1rem;
}

#home-nav .home-card__foreground {
    font-weight: 500;
}

.home-card__background {
	position: relative; /* важно для псевдоэлемента */
	z-index: 0; /* фон ниже текста */
	overflow: hidden;
	border-radius: 8px;
}

.home-card__background:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 180, 255, 0.05);
	box-shadow: 0 0 25px 10px rgba(0, 180, 255, 0.4);
	border-radius: 8px;
	z-index: 0; /* ниже текста */
	pointer-events: none;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Чтобы текст был поверх свечения */
.home-card__foreground {
	position: relative;
	z-index: 1; 
}

/* Свечение при наведении */
.home-card__background:hover:before {
	box-shadow: 0 0 50px 20px rgba(0, 180, 255, 0.6);
	transform: scale(1.05);
}