Интересный анимированный эффект на CSS3 без JavaScript (кроссбраузерность подключать не стал), но это возможно. Создаем в HTML обертку: <div class="wrapper"> <span>A</span><span>P</span><span>E</span><span>X</span><span>W</span><span>E</span><span>B</span> </div> Прописываем CSS для обертки:. wrapper { display: block; text-align:center; font-size: 60px; font-weight: bold; } CSS для каждого элемента: .wrapper span { line-height:500px } .wrapper span:nth-child(1) { animation: blur 3s ease 0s 1; animation-fill-mode: forwards; } ...

Создание эффектов наведения ссылок CSS может добавить немного изюминки на скучную веб-страницу. Если вы когда-либо оказывались в тупике, пытаясь создать эффект плавного наведения, у меня есть шесть CSS-эффектов, которые вы можете взять и использовать для своего следующего проекта. Давайте перейдем прямо к делу! Я знаю, что мы говорим :hover и все такое, но иногда (но, возможно, не всегда) это может быть хорошей идеей:focus, поскольку не все взаимодействия осуществляются непосредственно с помощью мыши, но, возможно, нажатием или нажатием клавиши...