Открыть меню
Открыть персональное меню
Вы не представились системе
Your IP address will be publicly visible if you make any edits.

Шаблон:Дописать/styles.css: различия между версиями

Материал из Энциклопедия Тренерон
(Новая страница: «#container-box { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } .GradientBorder { position: relative; width: 450px; padding: 40px 40px; font-size: 5em; color: #fff; text-align: center; letter-spacing: 5px; background: #011425; } .GradientBorder::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #047...»)
 
Нет описания правки
Строка 5: Строка 5:
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
  margin:30px 30px 30px 0px;
}
}
Строка 12: Строка 13:
   padding: 40px 40px;
   padding: 40px 40px;
   font-size: 5em;
   font-size: 5em;
  color: #fff;
   text-align: center;
   text-align: center;
   letter-spacing: 5px;
   letter-spacing: 5px;
   background: #011425;
   background: #011425;
  color:#007eff !important;
  font-size:0.8rem;
}
}
.GradientBorder::after {
.GradientBorder::after {

Версия от 11:06, 3 ноября 2023

#container-box {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:30px 30px 30px 0px; 
	
}
.GradientBorder {
  position: relative;
  width: 450px;
  padding: 40px 40px;
  font-size: 5em;
  text-align: center;
  letter-spacing: 5px;
  background: #011425;
  color:#007eff !important;
  font-size:0.8rem;
}
.GradientBorder::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5);
  z-index: -1;
}
.GradientBorder::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, #044ab4, #044ab4, #58beff, #044ab4, #044ab4);
  z-index: -2;
  filter: blur(30px);
	opacity: 0.7;
}