Как изменить высоту (толщину) линейного градиента CSS?

background: linear-gradient(left,#000,#000 100%,rgba(0,0,0,0) 100%,rgba(0,0,0,0));

Это код. Я хочу, чтобы текст 8px прошел через мой текст. Но этот код дает только 100% высоту и ширину для текста, который полностью покрывает текст.Как изменить высоту (толщину) линейного градиента CSS?

Я надеюсь, что конечный эффект будет подобно тому, как text-decoration: line-through ...

источник

2014-09-07 user2049259

background-size: auto 8px; 
background-repeat: repeat-x; 
background-position: 0 50%;

Sample fiddle.

источник

2014-09-07 01:16:27

Спасибо, это работает отлично. Однако знаете ли вы, как добавить к нему некоторый переход? например, линия будет проходить слева направо. Теперь у меня есть некоторые ключевые кадры и добавьте код, который вы ему предложили, но окончательный результат выглядит немного странным: появляется несколько строк, но должно быть только 1 ... Я бы опубликовал код и результат на скрипке за 3 минуты. Кстати, вам не нужно отвечать на этот вопрос .. так как я, конечно, буду принимать ваш ответ как лучший в течение 1 часа. И, возможно, мне нужно будет задать еще один вопрос. (Я не совсем знаком с регулированием здесь) – user2049259

http://jsfiddle.net/Dingzhou/brj8tnbg/ Это то, что я получил .. – user2049259

Как изменить высоту (толщину) линейного градиента CSS?

ответ

Смежные вопросы