环绕CSS边框动画

文章/答案/技术大牛

发布

2回答

html、css、css-animations

我试图用纯CSS获得一个类似于环绕的边框动画。我现在使用的方法是更改:before和:after伪元素的大小。一个用于上边框和右边框，另一个用于下边框和左边框。此外，也欢迎任何不同的方法来获得与SCSS/vanilla CSS相同的动画。

浏览 20提问于2019-08-23得票数 3

4回答

元素的边框颜色是否受其背景色的影响？

css

我正在重新学习W3Schools中的CSS概念。那么W3Schools想说什么呢？

浏览 4提问于2013-04-09得票数 6

回答已采纳

5回答

如何使标签边框环绕图像

html、css

我需要将边框应用到a标记上，但是当我这样做时，边框不会环绕图像，如何实现呢？img src="https://cdn.pixabay.com/photo/2015/04/23/17/41/javascript-736400_960_720.png"></div> css

浏览 5提问于2017-03-30得票数 0

回答已采纳

1回答

如何显示这个div内联包装列表<ul>菜单？

css、html

我有一个简单的css菜单列表，我想包装在一个div，并在它周围放置一个边框。您可以看到在下面链接边框默认取最大宽度，而不是环绕在菜单列表周围。它修正了div边框，使其完美地环绕在我的列表上，但同时也防止了菜单下拉操作。

浏览 3提问于2013-08-17得票数 0

回答已采纳

1回答

引导模型在关闭时扰乱格式设置

html、css、twitter-bootstrap

网址：我不是很强的HTML和CSS。我正在使用我的个人网站的网站模板，我个人添加了一个模型，当你点击项目部分的第一个项目时出现。

浏览 0提问于2014-12-28得票数 0

回答已采纳

2回答

jQuery动画边框似乎不工作

jquery、html、css、jquery-animate

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

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

回答已采纳

3回答

CSS边框不环绕浮动项

css

问题是，包装所有内容的边框只包装右列内容，而左列导航菜单在视觉上超出div边框。有没有可能绕过这个问题？

浏览 3提问于2012-08-08得票数 1

回答已采纳

2回答

使用CSS过渡设置边距和填充动画会导致动画跳动

html、css、css-transitions

在我的中，我使用顶部导航上的CSS3转换属性来为带有边框的元素的边距和填充添加动画效果，使边框在悬停时变大。<img src="images/behance_icon.png" width="21" height="13"></nav> CSS通过减少边距和增加悬停时的填充，圆形边框</

浏览 3提问于2015-01-29得票数 15

回答已采纳

1回答

图像边框控件换行问题

c#、wpf、image

在下面的示例中，我的边框环绕图像。边框不会紧紧地环绕图像，因为我使用DecodePixelWidth来保持纵横比。两个边的边框正好靠着图像，另外两个边与控件之间有间隙。有没有一种干净的方法让边框环绕图像，同时保持纵横比，而不是将图像拉伸设置为填充。

浏览 3提问于2011-04-19得票数 4

回答已采纳

3回答

为什么外部div边框不依赖于元素的呈现内容？

css

当我在另一个div中嵌套div并且想给外部div一个边框时，边框不会环绕呈现的内容。尽管内部div的内容可能有几行高，但外部边框只添加可能存在的填充内容。CSS： width:550px; clear:both;} float

浏览 0提问于2010-08-28得票数 5

回答已采纳

3回答

将跨度换行到div内的文本

jquery、css、border

我试图给一个包装在div中的标题添加一个底部边框，但它会影响整个块。<div class="title">I'm a title</div>.title {border-bottom: 2px solid #000; padding-bottom: 3px;}$(".title").wrap('<span

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

回答已采纳

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，但我似乎想不出如何循环边框动画(我确实成功地反转了动画)，但由于:before和:after，我正

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

回答已采纳

2回答

CSS边框不环绕嵌套的div

html、css

id为main1的div有一个5px的实线边框，我尝试将其包裹在id为div1、div2、div3的三个嵌套的div周围。每个嵌套的div都有自己的2px实线边框。

浏览 0提问于2016-10-14得票数 1

1回答

如何使tr标签具有渐变和圆角？

html、css

我有一个HTML表和第一个上面的<tr>，它有一个简单的渐变#ffffff -> #dddddd 是否可以使用css在表上设置圆角边框？它现在环绕边界，但由于<TR class='my_gradient'>，它把两个尖锐的角落在表的上部。我怎么才能把那个尖角转过来呢？

浏览 2提问于2014-09-08得票数 0

回答已采纳

1回答

jQuery css("left"，val)似乎不起作用

jquery

我没有逐行跟踪，但有问题的代码如下 $wrapper.css("left", - (itemsPerPage * itemWidth) * (pages------ doesn't seem to get set console.log("wrapper left: " + $wrapper.css("left")); } else if (currentPage >

浏览 0提问于2011-02-26得票数 1

回答已采纳

1回答

我在CSS中的边框样式没有覆盖整个身体

html、css、border

<head runat="server"> <link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <body> <form id="form"

浏览 0提问于2015-09-28得票数 3

回答已采纳

3回答

如何缩短区块报价包装浮动div？

css

我遇到了一个css问题。我在这里设置了一个测试页面：供您检查。如何确保将content

浏览 5提问于2010-02-05得票数 4

回答已采纳

5回答

CSS3中的动画字幕图像

html、css、marquee

我试图用CSS3动画一个图像，但我似乎不能正确地理解它。我想要图片环绕和无限滚动在页面上，但我甚至不能使它的动画。我的HTML很简单：</div> #space { background-image:url(http://www.tedmontgomery.com

浏览 3提问于2014-10-22得票数 1

回答已采纳

1回答

如何用CSS动画边界转换扩展？

html、css、border

我正在尝试创建一个CSS转换，其中border-bottom of a href元素在:hover上扩展到链接的宽度。我能找到的是一个CSS解决方案，其中background width是动画的：。<!is only applied to an active=clicked navigation tab --> <h1 style="border-bottom: 3

浏览 1提问于2016-01-28得票数 4

回答已采纳

点击加载更多