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

Версия от 16:44, 2 августа 2024

@keyframes animationOne {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

@keyframes text1 {
   0% {
      color: #000;
      margin-bottom: -40px;
   }

   85% {
      letter-spacing: 8px;
      margin-bottom: -40px;
   }
}

.container{

  font-family: «arial»;

  font-size: 24px;

  display: grid;

  place-items: center;

  width: 350px;

}

 

.typed {

  overflow: hidden;

  white-space: nowrap;

  border-right: 2px solid;

  width: 0;

  animation: typing 1.5s steps(30, end) forwards, blinking 1s infinite;

}

  

@keyframes typing {

  from { width: 0 }

  to { width: 100% }

}

 

@keyframes blinking {

  0% {border-color: transparent}

  50% {border-color: black}

  100% {border-color: transparent}

}

@@ Строка 21: / Строка 21: @@
 }
-* {
+.container{
-   padding: 0;
-   margin: 0;
+  font-family: «arial»;
+  font-size: 24px;
+   display: grid;
+   place-items: center;
+  width: 350px;
 }
-body {
-   background: darkolivegreen;
+.typed {
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 2px solid;
+  width: 0;
+   animation: typing 1.5s steps(30, end) forwards, blinking 1s infinite;
 }
-.wrapper {
-   display: flex;
-   justify-content: center;
+@keyframes typing {
-  margin-top: 30px;
+   from { width: 0 }
+   to { width: 100% }
 }
-.text {
-  width: 29ch;
-  color: white;
+@keyframes blinking {
-  font-family: monospace;
-  font-size: 30px;
-  white-space: nowrap; /* не переносить текст на другую строку */
-  overflow: hidden; /* скрываем переполнение контентом */
-  border-right: 3px solid white; /* рисуем курсор */
-  animation: cursor 0.75s step-end infinite, printed_text 5s steps(29);
-}
-@keyframes cursor {
+% {border-color: transparent}
-% {
-    border-color: white;
-  }
-% {
+% {border-color: black}
-    border-color: transparent;
-  }
-% {
+% {border-color: transparent}
-    border-color: white;
-  }
-}
-@keyframes printed_text {
-  from {
-    width: 0;
-  }
 }