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

Текущая версия от 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;
}

@@ Строка 1: / Строка 1: @@
-#container-box {
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin:30px 30px 30px 0px;
-}
 .GradientBorder {
    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;
    color:#007eff !important;
    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;
 }