0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 213 Просмотров
*

Lemonez

  • Захожу иногда
  • 148
  • 2 / 1
Вопрос по CSS
« : 28.02.2020, 00:56:58 »
Есть надпись "ппппп"
Как сделать, чтобы под ней красился бордюр с определенными промежутками?
То есть надпись стабильна "ппппп", а под ней то и дело появляется полоска нижнего бордюра с промежутками времени исчезает и появляется опять. Но не просто появляется а ползет от начала надписи до ее конца, потом исчезает и появляется снова. С infinite можно такое задать, только не пойму как..
*

poacher

  • Новичок
  • 9
  • 0 / 0
Re: Вопрос по CSS
« Ответ #1 : 28.02.2020, 13:27:50 »
это не CSS. Гифку нарисовать и всех делов. Если охота заморочиться то js
*

SeBun

  • Живу я здесь
  • 3953
  • 254 / 4
  • @SeBun48
Re: Вопрос по CSS
« Ответ #2 : 28.02.2020, 19:40:47 »
Но не просто появляется а ползет от начала надписи до ее конца, потом исчезает и появляется снова. С infinite можно такое задать, только не пойму как..

Код
<style>
#blink {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
@-webkit-keyframes blink {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes blink {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
</style>
<h2 id="blink2">Образец</h2>

Так делается мигающий текст. С infinite вы знакомы, попробуйте переделать для подчеркивания.
Оказываю услуги по Joomla | Миграция на Joomla 3.x | Сопровождение | IT-аутсорсинг | Недорогие домены и хостинг
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вопрос по метатэгам и адресам в блоге

Автор ALEXRAW

Ответов: 1
Просмотров: 73
Последний ответ 22.02.2021, 11:24:12
от ALEXRAW
Вопрос по меню и Seo

Автор virtual-3

Ответов: 11
Просмотров: 220
Последний ответ 28.12.2020, 04:58:58
от rsn
Вопрос по Алиас и формировании строки запроса

Автор Alex_dark74

Ответов: 3
Просмотров: 231
Последний ответ 25.06.2020, 15:29:36
от Alex_dark74
Вопрос по реализации сайта

Автор alexupto

Ответов: 3
Просмотров: 220
Последний ответ 17.02.2020, 20:33:21
от AlexB
Вопрос по редиректам

Автор Light_And_Dark

Ответов: 4
Просмотров: 334
Последний ответ 24.11.2019, 22:55:51
от Light_And_Dark