文章目录

 CSS3教程实例

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

使用column-count和break-inside实现瀑布流布局

前段时间帮朋友做了一个名为笑点研究所的图片站,刚开始她说做成博客类型的,于是大概给她画了一下样式,她觉得不是很适合。 她问我怎么做好看些,我说我做的不一定好看,但是可以提供一下思路,用“瀑布流”布局。 朋友也看了一些其他瀑布流的网站,觉得还可以,于是就让我帮做成瀑布流的了。 做出来的详细样式这里就不多讲了,就说一下遇到的问题吧。 用的column-cou

2021-03-16 09:59 阅读(1967)

CSS设置select标签的disabled样式

今天在使用select标签的时候,里面有一些disabled的项。 打算给disabled不同的背景色或是不同的字体色。 我们一般都直接就是设置color,不过所有项都是这个色。 想当然的以为单独设置disabled的颜色,就使用select:disabled没想到不起作用。 试来试去原来是直接使用:disabled即可。 例如:

2019-07-11 21:57 阅读(4806)

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

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

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

css修改selec下拉菜单样式

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

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

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

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

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

css3的opacity属性用法详解

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

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

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

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

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

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 阅读(2390)

数据更新时间:2023-03-24