css3鼠标悬停边框特效 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

我正在尝试理解一个动画是如何在我链接的网站上完成的，是css3还是jquery？

jquery、animation、css

如果你将鼠标悬停在图像上，注意到向内动画的漂亮边框，这是在css3中使用嵌入阴影完成的吗？还是说这是jquery的事情？

浏览 0提问于2010-12-19得票数 0

回答已采纳

3回答

使用CSS3的倾斜边框的Div？

html、css、css-shapes

我正在创建一个javascript小部件，用于调整相邻div的大小，以便在用户将鼠标悬停在div上时显示更多的div背景图像。这非常简单，并且可以很好地处理具有直边的div(显然)。有没有一种简单的方法可以使用css3在两个DOM元素之间建立一个倾斜的边框？我遇到过css3变换(即倾斜)和对角线边界技巧(使用一半颜色，一半透明)，但这两种方法似乎都不能达到我需要的效果。

浏览 3提问于2012-04-18得票数 20

回答已采纳

3回答

在悬停时停止元素的移动和填充

html、css

我正在尝试创建一个很酷的css3效果，当你将鼠标悬停在图像上时，一个边框会慢慢地从图像的中间出来。为了做到这一点，我有一个透明的边框，然后显示边框并在悬停时应用填充，但当我添加填充时，它会移动图像。

浏览 1提问于2013-12-15得票数 2

1回答

CSS3智能边框颜色

css、border-color

当鼠标悬停在可变元素上时，我使用class:hover显示一个红色虚线边框，这样用户就知道他们可以单击该元素来更改它。到目前为止一切都还好。麻烦开始是因为一些预览屏幕使用了包括红色背景的配色方案，这使得我的:hover虚线红色边框几乎看不见。也许有一种聪明的CSS3方法可以使用边框颜色，而不考虑底层的背景颜色？

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

1回答

如何解决在IE7中使用CSS3 Pie时元素上边距消失的问题

html、css、css3pie

我正在使用大量的CSS3特效，在的帮助下，我在IE7和8中渲染相同的特效时遇到了问题。对于我需要的一些效果，它工作得很好，但是CSS3派的之一是布局，更具体地说是在应用它的元素中的，到目前为止，我只在IE 7中遇到过这样的问题，IE 8没有显示同样的问题。centerContainer { margin-top:76px; /* without effect in the layout when CSS3/*Note the &

浏览 0提问于2011-12-27得票数 3

回答已采纳

2回答

CSS3以获取嵌套<ul>中顶层列表中的最后一个<li>

css、css-selectors

Nested Item</li> </li> <li>Item</li></ul> 我只想使用CSS3选择器来获取最后一个LI“最后一项”，这没什么大不了的，只是在鼠标悬停上放置一些圆角边框，以防止它溢出到容器之外，所以不需要向后兼容(因为容器上的<

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

回答已采纳

2回答

CSS3输入样式

css

它们在CSS3浏览器中表现得非常好。问题是，没有边框，背景是白色的。我需要一个非CSS3浏览器的边框只…为了得到一个更好的想法，这里是我写的CSS：是可能的吗？我忘了提一下，添加边框会让它看起来很难看。所以如果它是CSS3，我不想显示边界。

浏览 2提问于2011-12-29得票数 1

回答已采纳

3回答

href在Firefox和opera中不起作用

firefox、google-chrome、css、opera

我正在使用Css3特效来使我的菜单看起来更花哨，没有问题，但是，我不知道出于一些奇怪的原因，当我点击菜单项时，它们不会重定向到所需的页面，例如我的href="abc.aspx“不能在火狐，Opera中运行，但在Chrome.Here中运行良好是我使用的Css3代码#Menu a.active:before,#Menu a:hover:before Content50%; border-radius:50%; box-shadow:0 0 35p

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

回答已采纳

1回答

鼠标悬停时的CSS1雪碧图动画？

css、animation、hover、mouse、sprite

我知道如果我将鼠标悬停在CSS1雪碧图上，它会切换到悬停图像，但有没有办法让它在鼠标悬停时按顺序加载更多图像，就像动画一样？请注意，没有CSS3响应，并不是所有浏览器都完全支持CSS3动画。谢谢

浏览 6提问于2013-12-09得票数 0

2回答

角度材质动画- matRipple:转义div元素的边界

html、css、angular、angular5、angular-material2

</div>红色边框是div元素的实际大小。如您所见，涟漪动画避开了div元素的界限。如何隐藏溢出的涟漪动画？overflow: hidden没有特效。

浏览 19提问于2018-08-20得票数 2

回答已采纳

5回答

带背景图像的三角形

css、svg、css-shapes

我现在遇到的问题是，我不能将鼠标悬停在Cinema的透明部分来访问照片div。这是我目前所拥有的。

浏览 2提问于2012-06-10得票数 24

回答已采纳

3回答

如何使CSS3中的框变大，并固定文本的位置？

html、css

如何使CSS3中的框(边框半径)更大？如果我设置了height属性，比如height:10%，它不会改变，但是width:10%会使方框的宽度变宽。我不知道为什么会发生这样的不一致。此外，为什么当鼠标悬停在盒子上而不是移动时，盒子的位置会移动呢？我写了JSFiddle

浏览 4提问于2013-11-08得票数 0

回答已采纳

2回答

如何在不使用CSS大纲属性的情况下设置大纲？

javascript、css

我想用Javascript和CSS设置鼠标悬停元素的轮廓。我的目的是在没有CSS大纲属性的情况下设置outline，并且内容的区域不变。这个解决方案应该支持IE7~9，如果也支持IE6，那就最好了。

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

回答已采纳

1回答

如何在jquery中实现此效果？

jquery

它们滑入的方式，然后当您将鼠标悬停在滑块上时，间距会发生变化。它看起来只是一个div中的三个图像，使用了一些jquery特效。这种效果有没有特定的名称？我怎样才能找到他们在检查源代码时使用的代码呢？

浏览 2提问于2017-11-24得票数 0

4回答

添加边框div推送其他div

jquery、layout、css

我在div的鼠标上方添加了一个div边框，但它会将其他div推到开箱即用状态。我有固定的高度和宽度，行有4个div。最后有两行，有8个div，高度固定。

浏览 2提问于2010-10-14得票数 1

回答已采纳

3回答

盒子周围蚀刻的边框

html、css

0px; border-right:1px solid #fff;有没有人知道我怎么才能让盒子周围的整个边框都有同样的蚀刻效果

浏览 2提问于2016-03-13得票数 1

3回答

一直在淡出，鼠标悬停

jquery、fade

我正试着淡出 $("p.follow").mouseover(function(){}) $

浏览 0提问于2008-11-23得票数 1

回答已采纳

1回答

PHP Cookies无法正常工作

php、javascript

所以我在我的网站上有一些CSS3的特效，但我试图给观众一个禁用这些特效的选项。所以我采用了PHP Cookie的方法，但它根本不起作用。如果没有cookie，我会看到“单击此处启用特效”，即使它们已经启用。直接转到禁用页面也不会关闭它们。检查是否设置了cookie：if(!

浏览 2提问于2013-07-09得票数 0

2回答

Css3透视三维动画

jquery、css、css-animations

如何在鼠标悬停后创建纯css3三维透视翻转动画.示例：它是否有Jquery代码也可以?....please清除我，以及如何通过Css3或Jquery创建它.

浏览 4提问于2014-01-24得票数 0

回答已采纳

1回答

解决浏览器兼容性问题的选项？

css、cross-browser、javascript、compass-sass、css3pie

我正在用css3设计一个web应用程序。每个人都知道很多css3属性，比如渐变、边界半径、长方体阴影、动画、边界图像、背景rgb、最后一个孩子、第n个孩子等等。一些像这样的java脚本库可以用来使Internet Explorer6-9能够渲染几个最有用的CSS3装饰功能，如渐变，边框半径，边框阴影，边框图像(不是最后一个孩子，第n个子属性)，但我的一些朋友面临这样的问题

浏览 0提问于2013-01-07得票数 2

回答已采纳

点击加载更多