CSS和Javascript -边框动画

文章/答案/技术大牛

发布

2回答

javascript、html、css

我想在这个链接上的头像上有边框动画：https://demo.templateflip.com/creative-cv/ 下面是fiddle的链接：https://jsfiddle.net/he1w7z2s/ 我的小提琴链接看起来有点不同，但我想要的是照片id=about-profile-image边框上的波浪动画。我如何使用jQuery和CSS来实现这一点？ /css/

浏览 9提问于2019-01-07得票数 0

回答已采纳

5回答

jquery animate()不能处理css属性

jquery、html、css

我包含了jQuery UI，所以这是没有问题的，以前我使用.css()的时候，代码是可以工作的。window).scroll(function () { $('#top-links-bar').stop().css('background','linear-gradient(white, gray)'); $('#top-links-bar')

浏览 7提问于2015-06-04得票数 0

1回答

向带有CSS的虚线边框添加闪烁的动画。

css、css-animations、jquery-animate、border

我试着做一个动画的虚线框边框，来回移动，有点闪烁的风格。(就像下面链接中的第三个黄色边框一样。)例如：如何通过虚线边框实现闪烁效果？

浏览 6提问于2022-02-24得票数 0

2回答

jQuery动画边框似乎不工作

jquery、html、css、jquery-animate

在下面的代码中，jQuery动画边框似乎不能很好地工作：我在jQuery网站上看到了这个动画。希望有人能

浏览 10提问于2012-10-07得票数 1

回答已采纳

2回答

动画偏移边框css？javascript？

javascript、css、animation、border

我想要设置我的背景，在那上面我想有一个与背景有点偏移的边框。在某种程度上，我需要找到一种方法来让边界的每一面都有自己的动画效果。<div id="#mainsection"></div>#mainsection:after { po

浏览 15提问于2018-01-11得票数 0

回答已采纳

3回答

将css边框淡出为不可见？

javascript、extjs、css

是否有可能淡出元素的边框？需要澄清的是，这需要从javascript触发，而使用jquery之类的东西来制作动画是不可行的。我们使用的是sencha，但是看起来你只能用extjs来改变元素的大小和位置。我知道css3有一些方便的动画，但我找不到任何与我的需求类似的东西。

浏览 0提问于2011-10-13得票数 6

回答已采纳

1回答

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

html、css、svg

在玩狩猎时，你会注意到它没有底部的边框。如果你去看Chrome的小提琴，你会看到底部的边框。悬停效应在这两种浏览器上都可以使用，但是我正在尝试诊断为什么边界底部不能在Safari上工作。 <div class="text">STEVE</div> </div> C

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

1回答

如何用Javascript制作表格边框动画？

javascript、html、animation、border、css-tables

我想要创建一个Javascript函数，它将在html中显示表的边框，就像在视频中一样。 (因为我们不能在这里发布视频，所以我把视频上传到了YouTube上。请小心点。只有5秒。)我的意思是，当正文/页面加载时，表边框将以这种方式显示。我不知道该怎么做。有人能帮我编写这个动画吗？

浏览 2提问于2014-01-23得票数 1

回答已采纳

1回答

按钮加载指示器边框动画

css

我希望在等待异步调用完成时为按钮设置动画。禁用按钮并在中间或旁边放置一个微调器显然是有效的，但最近感觉有点无聊。我认为在循环中有一个小的边框动画会很好。它在悬停时可以很好地填充边框，但我想象的是，在它填充边框之后，它会在相同的方向上取消边框颜色。如果你愿意，它会“追逐”另一个动画。我在摆弄他们的css，但我似乎想不出如何循环边框动画(我确实成功地反转了动画)，但由于:before和

浏览 15提问于2019-02-27得票数 3

回答已采纳

2回答

：单击按钮后，活动状态会逐渐消失。

html、css

我有一个按钮，我希望是灰色的正常，并改变颜色和有一个边框时，点击，这一影响褪色。它几乎与此相反：，但是当你按住左键时，它不是背景颜色和边框逐渐褪色，而是瞬间消失，然后消失。**编辑:我想我描述得很糟糕(虽然我认为前两条评论已经回答了我的问题--我认为我必须将边框的颜色动画化)。

浏览 0提问于2018-07-31得票数 0

回答已采纳

3回答

.animate不能在火狐中工作(虽然.css可以)

javascript、jquery、firefox、jquery-animate

如果我把.animate改成.css，它就能正常工作(不包括动画)。

浏览 0提问于2011-06-30得票数 2

回答已采纳

2回答

过渡在Firefox或opera中不起作用，只在chrome中起作用

css、css-transitions

这是我的CSS：list-style:none;display:block;white-space:

浏览 0提问于2012-12-11得票数 0

1回答

如何在画布上做一个圆圈，当它的容器悬停时，圆圈的边框会增长几个像素，或建议？

jquery、animation、canvas、css、raphael

我已经看到，Canvas要平滑得多，它在ie9中工作，而css3转换直到ie10 (caniuse.com)才能工作。有谁能给我指个方向吗？或者让我举一个简单的例子，我可以试着去掉它？我已经研究过使用拉斐尔在动画时使一切变得漂亮和平滑，但对于如此小的效果来说，这是一个很大的重量。 Jquery在动画方面有一些问题，我的例子看起来有点像素化。我并不是一定要修正我的例子(除非它一次完成了所有的动画，而不是它现在正在做的，而且它看起来并不是那么糟糕)，Canvas看起来像是做了很好的圆形，动画看起来更流畅。

浏览 0提问于2011-07-28得票数 1

回答已采纳

2回答

CSS3还是jQuery？

jquery、css、css-transitions、css-animations

我在我的网站上有一个流畅的布局，有一个元素是动画的，并且在悬停时有一个过渡。主要的问题是，在更宽的屏幕上(比方说，比1600px更宽)，CSS3的悬停过渡变得明显不稳定，并开始吞噬内存。

浏览 0提问于2012-10-08得票数 2

回答已采纳

1回答

速记css属性列表

javascript、css、shorthand

我做的一个JavaScript函数需要解析所有不一定有'one‘值的CSS值。例如，margin:0 0 4px 12px;实际上是四个值(边距-顶部、边距-右侧等)。但是，我不需要所有的速记css。我只需要速记的css，可以潜在的动画(rgb，px，em等)。所以，我不关心border:1px solid black;，因为我不能为solid.设置动画，但我关心border-width,，因为边框宽度是所有四个边框的简写形式。

浏览 2提问于2010-08-11得票数 2

3回答

为什么在alpha动画之后，图片在IE中会有丑陋的黑色边框？

javascript、jquery、css

将以奇特的jQuery不透明度动画打开。目前它在所有浏览器上都可以工作，但在IE中，所有的文本和alpha图像都会留下丑陋的黑色边框，这使得文本几乎不可读。有没有什么聪明的javascript命令可以让我用来刷新/更新图形？有没有其他方法来解决这个问题？我的问题完全是css和javascript相关的，所以所有的源代码都可以在链接后面找到。

浏览 0提问于2010-08-01得票数 1

回答已采纳

2回答

jQuery边框动画制作

jquery、jquery-animate、border

您好，我正在尝试动画输入的边框，但无论我如何放置边框，它似乎没有动画。

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

回答已采纳

1回答

我想为我的滚动箭头绘制一个边框，让它自己绘制，而不是仅仅出现。

javascript、jquery、html、css

不确定我是否可以完全用CSS来完成这个任务，或者我是否需要一些jquery。谢谢!transition: 0.8s;<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https:&#

浏览 0提问于2018-11-10得票数 1

回答已采纳

2回答

光滑的动画与AngularJS和ngAnimate？

jquery、css、angularjs、animation

我遇到的问题是，当我使用ngAnimate提供的动画钩子时，动画以及它如何影响周围的其他元素是非常不稳定的。与类似于jQuery的显示/隐藏功能相比，它创建了非常平滑的过渡。.animate-show-hide.ng-hide {} .animate-show-hide.ng-hide-remove元素，我将应用这个动画，以改变大小或样式。

浏览 4提问于2017-03-10得票数 1

回答已采纳

2回答

使用具有边界属性的jQuery动画

jquery

--<SCRIPT type="text/javascript" src="jquery-1.8.3.min.js"></SCRIPT>--> <s

浏览 4提问于2013-02-17得票数 0

点击加载更多