html - 强调通过 CSS/JS 逐渐消失?

标签 html css underline

仅使用 CSS/JS 是否有可能达到这种效果?

http://i.imgur.com/s2RYR.jpg

我只是想知道在没有图像的情况下这是否可行,如有任何答案,我们将不胜感激。

提前致谢。

最佳答案

“渐行渐远”??您的意思是向右和向左淡出的 2 条线(顶部和底部)- 是的。如果你制作一个宽度和高度可能为 1px(或 2)的 div,你可以对其应用 css 渐变(具有透明度)并且它会工作正常。不过,您将不得不接受 IE 世界中的一些限制。您可以使用 http://www.colorzilla.com/gradient-editor/设计渐变。

关于html - 强调通过 CSS/JS 逐渐消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14163473/

相关文章:

class - 自定义下划线图像的 CSS3 过渡

javascript - 单选按钮选择的值; 3个选项的选择

html - 不同高度的 Bootstrap 列不适合垂直

html - 相互堆叠的 div 标签

javascript - 我怎样才能在 php 中弹出图片?

css - 使用 CSS 去除列表下划线

html - html和css中的分词

javascript - 这个绝对定位的元素没有定位在它最近的祖先旁边,而是附加到文档主体,我想知道为什么

html - 最小高度 : 100%?

CSS 下划线小于标题宽度?