文章目录

 CSS3教程实例

css3教程分享相关的文章以及实例,在这里你将学到CSS3动画、选择器、渐变、旋转、阴影、圆角等的使用。css3是css在技术上的升级版本,是最新的css标准,有更多的新特性。

如何修改输入框placeholder文字颜色?

在网上看到说可以使用占位符属性来修改placeholder文字颜色,可是照着做并没有效果,代码如下。 input[placeholder], [placeholder], *[placeholder] { color: red !important; } input type="text" placeholder="Value" 后来又去查了一些相关资料,终于找

2018-01-23 16:23 阅读(481)

css修改selec下拉菜单样式

修改select下拉菜单样式其实可以使用javascript来操作,这样更方便。 但有些人并不喜欢,想用单纯的css来控制。 以下有三种解决方案,看看哪一个合适。 解决方案1 外观:无 - 与ie10-11解决方法 要隐藏appearance: none选择元素上设置的默认箭头,请添加您自己的自定义箭头background-image sel

2018-01-19 15:00 阅读(704)

CSS3阴影效果box-shadow实例讲解

使用阴影效果,小编用得最多的地方就是产品展示页面,将包含产品的div边框给其加上阴影。 css3的box-shadow和text-shadow有点类似,不过前者是对象实现图层的阴影效果,而后者是对对象的文本设置阴影。 那么CSS3阴影效果究竟是怎么实现的呢? 其实最主要的就是box-shadow。 我们先来看看语法规则: div{box-sha

2017-10-16 22:38 阅读(494)

css3的opacity属性用法详解

对于css3的opacity属性现在所有浏览器都支持,不过ie8之前的版本则是使用替代的filter属性。 语法 opacity: value|inherit; 其中value是设置不透明度,从0.0(完全透明)到1.0(完全不透明)。 inherit表示应该从父元素继承opacity属性的值。 为了使其兼容,我们最好写成这样的,如下:

2017-10-02 22:18 阅读(433)

css3的border-radius圆角使用方法详解

css3中的border-radius属性,我们一般用到的时候,就是需要圆角的时候。 border-radius其实是一个简写的属性。 主要是用于设置四个border-*-radius属性。 当然四个值不是全都需要设置,你也可以只设置两个或三个。 如果一个值,那么对应的top-left、top-right、bottom-right、bottom-left

2017-10-02 22:05 阅读(471)

css3鼠标移到元素上360度旋转

今天逛网易博客,偶然发现他的评论框旁边的头像,鼠标移上去图片会旋转。 觉得这是一个不错的功能,肯定有不小伙伴需要的。 所以就分享相关代码出来。 style .img{transition:all 1.35s linear;-webkit-transition:all 1.35s linear;-moz-transition:all 1.35s lin

2017-09-14 10:57 阅读(289)


数据更新时间:2018-09-21