css3 动画与display:none冲突的解决方法

css不能在display:none和display:block之间进行动画,并且也不能在height:0和height:auto之间进行动画。 这里我研究了一下在display:none和display:block之间进行动画的解决方案,记录下来供以后开发时...

发布于 2021-07-24 阅读(275)

CSS3旋转动画(360度旋转、旋转放大、放大、移动) 用法和实例

CSS3旋转动画(360度旋转、旋转放大、放大、移动) 用法和实例 Internet Explorer 10、Firefox、Opera 支持 transform 属性。 Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。 Safari...

发布于 2018-11-03 阅读(1551)

CSS Sprites+CSS3 Icon Font图标使用方法

CSS Sprites在国内很多人叫CSS精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像...

发布于 2018-07-29 阅读(244)

CSS3阴影 box-shadow的用法和总结

CSS3阴影 box-shadow的使用总结 text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset]...

发布于 2018-06-11 阅读(330)

CSS3中的box-flex弹性盒属性布局讲解

box-flex是css3新添加的盒子模型属性,它的出现打破了我们经常使用的浮动布局,实现垂直等高、水平均分、按比例划分。但是它有一定的局限性,在firefox、chrome这浏览器下需要使用它们...

发布于 2018-04-20 阅读(393)

CSS3/js/jquery实现淡入(fadeIn)淡出(fadeOut)效果的方法

基于CSS3实现淡入(fadeIn)淡出(fadeOut)效果: 淡入淡出效果大多是依照jquery中fadeIn和fadeOut的方法使用js来控制元素的透明度达到目的,但缺点是有轻微的卡顿感,并且运行效率一般。...

发布于 2017-12-26 阅读(704)

css3背景颜色渐变(Gradients)属性设置方法

CSS3渐变(Gradients) 可以让你在两个或多个指定颜色之间显示平稳的过度,包括透明度。 以前,你必须使用图像来实现这些效果。但是,通过Css3渐变(Gradients),你可以减少下载的事件和宽...

发布于 2017-12-22 阅读(413)

CSS3中background背景图片滚动属性background-attachment

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里...

发布于 2017-12-21 阅读(1033)

CSS3属性之圆角效果—border-radius用法

讲到css3的border-radius这个玩意,可以很好玩。比如:圆角矩形,圆,椭圆等等。 CSS3 border-radius是什么? border-radius的含义是:圆角。 CSS3 border-radius的书写格式: border-radius: a px,比较常...

发布于 2017-12-21 阅读(296)

CSS3的文字阴影—text-shadow用法

text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用,产生阴影和模糊主体。这样在...

发布于 2017-12-21 阅读(401)