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

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

Материал из Энциклопедия Тренерон
Нет описания правки
Нет описания правки
 
(не показано 10 промежуточных версий этого же участника)
Строка 1: Строка 1:
#container-box {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:30px 30px 30px 0px;
}
.GradientBorder {
.GradientBorder {
   position: relative;
   position: relative;
   width: 450px;
   width: 850px;
   padding: 40px 40px;
   padding: 10px 40px;
  font-size: 5em;
   margin:30px 30px 30px 0px;  
  text-align: center;
   letter-spacing: 5px;
   background: #011425;
   background: #011425;
   color:#007eff !important;
   color:#007eff !important;
   font-size:0.8rem;
   font-size:0.8rem;
}
   border-image: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5) 30;
.GradientBorder::after {
border-width: 1px;
  content: '';
border-style: solid;
  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;
}
}

Текущая версия от 11:24, 3 ноября 2023

.GradientBorder {
  position: relative;
  width: 850px;
  padding: 10px 40px;
  margin:30px 30px 30px 0px; 
  background: #011425;
  color:#007eff !important;
  font-size:0.8rem;
  border-image: linear-gradient(45deg, #0477b5, #0477b5, #58f8ff, #0477b5, #0477b5) 30;
border-width: 1px;
border-style: solid;
}