.typing-effect { font-size: 32px; /* Размер текста */ font-family: 'Creepster', cursive; /* Хэллоуинский шрифт */ color: #FF4500; /* Цвет текста */ overflow: hidden; white-space: nowrap; border-right: 3px solid #FF4500; animation: typing 4s steps(30, end), blink-caret 0.7s steps(1) infinite; } @keyframes typing { from { width: 0; } to { width: 100%; } } @keyframes blink-caret { 50% { border-color: transparent; } }