CSS下划线动画-阅读方向

文章/答案/技术大牛

发布

2回答

css、animation、css-transitions、underline

我找到了一个代码来动画链接的下划线，但我想在另一个方向上，因为我们阅读(从左到右)，这实际上是相反的。

浏览 12提问于2017-07-07得票数 1

回答已采纳

2回答

固定移动设备上动画下划线的宽度

html、css、twitter-bootstrap

我已经阅读了这篇短文，其中解释了如何在悬停时创建动画下划线。在桌面上一切正常，但在移动设备上，下划线将在菜单元素下占据100%的宽度。是可以修复的吗？下面是我使用的css代码： position: relative;} color: rgb(28,67,63);.top

浏览 1提问于2019-10-01得票数 1

1回答

下划线css3转换

css、css-transitions、underline

如何在hover ( CSS3 )中从左到右创建下划线动画？

浏览 2提问于2013-03-19得票数 13

回答已采纳

1回答

为什么这种SVG形状在Chrome上的工作方式与Safari不同？

html、css、svg

width="320" /> </svg> </div>CSS

浏览 8提问于2014-03-02得票数 1

2回答

计算gif回放次数

javascript、jquery、animation、animated-gif

有没有可能用javascript/jquery来统计一个动画gif已经播放了多少次？

浏览 2提问于2012-05-23得票数 2

回答已采纳

1回答

悬停时的NavLink下划线动画

css、reactjs、css-animations、react-bootstrap

当一个NavLink (来自反身带)像这样在上面盘旋时，我很新的反应，并试图找出如何动画一个下划线：从，我能够得到下划线工作在悬停，但没有使用动画。我看到的关于如何在普通DOM中完成类似任务的所有示例都使用CSS伪元素::before或::after，但从我的尝试来看，这些示例似乎不起作用。有什么建议吗？

浏览 4提问于2022-09-09得票数 0

2回答

CSS宽度动画方向

jquery、html、css、animation、css-animations

我试图动画一个跨度元素的宽度。这就是我的HTML + CSS + jQuery的样子：.tt { width: 55px; background-color首选结果：问题谢谢。

浏览 7提问于2017-04-08得票数 1

回答已采纳

1回答

CSS动画方向问题

css、css-animations

我们尝试将div动画化，如下所示： 1-从0拉伸到100% (从左到右) 2-然后从100%缩小到0(也是从左到右) 3-然后重复。

浏览 23提问于2019-01-05得票数 0

回答已采纳

1回答

动画链接下划线使用线性梯度(背景剪辑？)

css、css-animations、css-transitions、linear-gradients

寻找关于如何模仿这个纯CSS链接下划线加载动画的想法..。 ..。Codepen： <a href="#">Animated link underline<

浏览 5提问于2020-01-19得票数 1

回答已采纳

3回答

css-动画/动画-方向/反转

css、css-animations

150px; } top: 400px; } 为什么反向动画方向与正常方向相同

浏览 1提问于2012-05-05得票数 0

3回答

循环CSS动画

javascript、jquery、css、animation

所以我这里有一个很好的CSS动画，我想让它循环。Javascript var duration = 1400; $msg.css("-webkit-transform", "scale(2)")

浏览 4提问于2013-01-14得票数 6

回答已采纳

1回答

我该如何在这个网站中为导航创建悬停动画？

javascript、css

如何复制带有下划线的导航悬停动画？我在他们的inspect元素里找不到。另外，它是由CSS还是Javascript制作的？谢谢!

浏览 20提问于2018-06-03得票数 0

2回答

jquery将方向传递给animate()

jquery、function、jquery-animate、direction

我正在从div click和a中获取方向，试图将其传递给animate函数var scrollAmount

浏览 0提问于2012-04-25得票数 2

回答已采纳

5回答

动画选项HTML5 Canvas/CSS3/jQuery

jquery、html、canvas、css、html5-animation

我感兴趣的是在HTML5/JQuery或两者的组合中做一些更像flash的动画。例如，上的飞鸟令人惊叹，它们看起来是3d的，方向、速度、旋转、拍打、速度都是可变的。在Fl

浏览 1提问于2011-03-28得票数 10

回答已采纳

2回答

如何在Javascript函数中更改Marquee标签的"scrollamount“属性？

html、attributes、marquee

但是，它似乎对滚动动画没有任何影响。我的原始设置设置为以4的滚动量向上滚动。document.getElementById("ledtxt").scrollamount="0"; 并且不带引号 document.getElementById("ledtxt").scrollamount=0; 奇怪的是，如果我尝试更改“方向

浏览 67提问于2020-01-28得票数 1

回答已采纳

11回答

如何在angular4中更改md-input-container的下划线颜色？

angular、material-design、angular-material2

我已经阅读了相关文档()，其中有一节介绍了如何更改md-input-container底部线条的颜色。但我不清楚什么是属性，也没有代码示例可供参考。它说下划线颜色可以使用md-input-container的颜色属性来更改。此外，我所说的下划线是指在所提供的链接中展开的可见的动画下划线。我已经尝试添加一个名为color的指令，在css中更改md-input-container的颜色，以及其他一些东西，但我没有成功。如果有人能解释/展示一些代码来演示这一点，那将是非常有帮助的。谢

浏览 3提问于2017-07-26得票数 5

1回答

<a>标签的偏移量，距离只有几个像素。

javascript、jquery、html、css

我想为我的菜单栏创建一个简单的虚线下划线动画，因此我编写了以下HTML： width = $(this).outerWidth(); $('.underline').css<

浏览 4提问于2016-06-27得票数 4

回答已采纳

2回答

链接悬停:动画下边框/下划线

html、css、animation、hyperlink

我已经知道这个下划线/边框底部动画很久了(小提琴：)，但我似乎找不到如何正确地设计我的代码样式……毫无办法。CSS： position: absolute; left: 0; margin:0 auto="/">link 2</a></li> <li><a href="/">link 3&

浏览 2提问于2016-02-16得票数 1

1回答

从右到左调整jquery中的div大小

jquery、html、jquery-ui、jquery-selectors

I想要从右到左动画化和调整div标签的大小。这在从左到右动画中很好

浏览 2提问于2012-03-12得票数 2

回答已采纳

1回答

如何在css中连续地向右滑动

html、css、animation、css-animations、slide

我有卡片，我给它们放了一些动画，比如当你在卡片上悬停时，它会模糊背景，颜色也在变化。我想要实现的是，我希望整张卡不断地向右滑动，当其中一个卡项被悬停时，动画(向右滑动)应该停止。eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60)"></div> <div>这是我的css

浏览 4提问于2022-02-25得票数 0

点击加载更多