Можно ли использовать анимацию/переходы Webkit для анимации зачеркнутой линии, проходящей через слово слева направо? Насколько я могу судить, я могу только заставить его исчезать / исчезать, а не анимировать его, вычеркивая текст.
Любая помощь будет оценена по достоинству. Спасибо.
Это работает.. (Я использовал наведение, не уверен, какое событие вы хотите вызвать)
HTML:
<p>This is <span class='line_wrap'><span class='line'></span>weird</span></p>
CSS:
span.line_wrap {
position:relative;
display:inline-block;
}
span.line {
display:inline-block;
position:absolute;
left:0;
top:50%;
width:0;
border-top:1px solid grey;
-webkit-transition: width 0.5s ease-in;
}
span.line_wrap:hover span.line {
width:100%;
}
скрипка: http://jsfiddle.net/bendog/LXKJU/
РЕДАКТИРОВАТЬ: Это просто для того, чтобы проиллюстрировать, что это возможно... хотя делает ужасную разметку. Я бы не советовал вам его использовать...
РЕДАКТИРОВАТЬ 2: Или запускается с помощью Javascript: http://jsfiddle.net/bendog/Kdd7K/
