Я действительно хочу, чтобы фрагмент текста моргал в стиле старой школы без использования JavaScript или оформления текста.
Нет переходов, только * мигать *, * мигать *, * мигать *!
РЕДАКТИРОВАТЬ : Это отличается от этого вопроса, потому что я прошу мигать без непрерывных переходов, в то время как ОП других вопросов спрашивает, как заменить мигание с непрерывными переходами
html
css
css-animations
blink
m93a
источник
источник
@-webkit-keyframes
правило после@keyframes
правила без префикса , а у некоторых даже есть-webkit-animation
объявление после правила без префикса.Ответы:
Оригинальный Netscape
<blink>
имел рабочий цикл 80%. Это довольно близко, хотя реальное<blink>
влияет только на текст:Вы можете найти больше информации о анимации ключевых кадров здесь .
источник
blink { animation: blink 1s steps(5, start) infinite; -webkit-animation: blink 1s steps(5, start) infinite; }
). Таким образом, вы можете просто использовать<blink>
тег вместо<span class="blink">
=)color
свойством ie как анимация "on-off" -blink.Позвольте мне показать вам маленький трюк.
Как сказал Arkanciscan , вы можете использовать CSS3 переходы. Но его решение выглядит иначе, чем оригинальный тег.
Что вам действительно нужно сделать, это:
JSfiddle Demo
источник
blink
отсутствует имя анимации . Исправлена.0% 100% { opacity: 1.0; }
разделы кажутся лишними, так как они по умолчанию, нет?Попробуйте этот CSS
Вам нужны специфичные для браузера / поставщика префиксы: http://jsfiddle.net/es6e6/1/ .
источник
Там на самом деле нет необходимости
visibility
илиopacity
- вы можете просто использоватьcolor
, что имеет преимущество в сохранении любого "моргания" только к тексту:Скрипка: http://jsfiddle.net/2r8JL/
источник
<span>
с белым на синем тексте<body>
с зеленым фоном. Только в этом решении синий фон диапазона не будет мигать.Я собираюсь в ад за это:
http://codepen.io/anon/pen/kaGxC (сас с бурбоном)
источник
Undefined mixin 'experimental'.
ошибку, и, таким образом, похоже, что он не будет компилироваться и отображать анимацию мерцания.Еще один вариант
источник
В моем случае работает мигающий текст с интервалом 1 с.
источник
если вы хотите эффект свечения, используйте это
источник
Пожалуйста, найдите ниже решение для вашего кода.
источник