css3
-
详解CSS3 RGBA色彩模式使用实例代码
这篇文章主要以设计带有阴影边框的表单为例,为大家介绍了css3 rgba色彩模式使用方法,感兴趣的小伙伴们可以参考一下 RGBA色彩模式是RGB色彩模式的扩展,在红,蓝,绿三原色的基础上增加了不透明度参数。语法如下: rgba(r,g,b,) 其中r,g,b表示红色,蓝色,绿色三种原色所占的比重。其…
-
使用CSS3的box-shadow属性制作边框阴影效果的方法



这篇文章主要介绍了css3的box-shadow属性制作边框阴影效果的方法,box-shadow属性还是十分强大的,能设定阴影的水平或垂直位置,以及阴影的颜色和尺寸等,需要的朋友可以参考下 效果演示: box-shadow向框添加一个或多个阴影。IE9+、Firefox 4、Chrome、Opera…
-
CSS3的opacity属性带来的层叠顺序问题解决方法



这篇文章主要介绍了解决css3的opacity属性带来的层叠顺序问题的方法,主要针对opacity的属性值小于1的层会覆盖在其他层之上的问题,需要的朋友可以参考下 在最近的一个作品中,在使用 opacity 属性来实现页面整体透明的时候,发现了一个问题。如果两个层发生了重叠,使用了 opacity …
-
利用CSS3的opacity属性设置透明效果的用法介绍
这篇文章主要介绍了详解css3的opacity属性设置透明效果的用法,同时还讲到了opacity透明度带有的继承性影响子集元素的问题,值得初学者注意,需要的朋友可以参考下 CSS3 opacity 属性的功能是用来控制网页元素的透明效果(调整不透明度),早期网页设计常常会用到许多的透明效果,通常都是…
-
CSS3中使用RGBa来调节透明度的示例说明
这篇文章主要介绍了css3中使用rgba来调节透明度的教程,rgba是rgb色彩模型的一个扩展,这个缩写词代表红绿蓝三原色的首字母,alpha值代表颜色的透明度或者说不透明度,需要的朋友可以参考下 在 CSS3 中,增加了一个 opacity 属性,允许开发者设置元素的透明度,现在 opacity …
-
纯CSS3实现不错的表单验证效果



这是补充html5基础知识的系列内容,其他为: 一、HTML5– 新的结构元素 二、HTML5– figure、time、details、mark 三、HTML5– details活学活用 四、HTML5– 现存元素的变化 立即学习“前端免费学习笔记(…
-
详解css3文字与字体样式
这篇文章详解css3文字与字体样式 css3使用服务器端字体: 使用服务器端字体 @font-face { font-family: webFont; /*此代码会首先用客户端字体Arial,如果客户端没有用下面一种服务器端字体*/ /*format格式: (ttf):truetype;(otf):…
-
使用CSS3实现背景颜色渐变
这篇文章介绍使用css3实现背景颜色渐变 CSS渐变色概念: CSS渐变色(Gradients)能让我们用一种颜色渐变的效果修饰一个空间——从一种颜色过渡到另外一种颜色——填充这个空间。渐变色有两个形式:linear (线性渐变) 和 radial (环形渐变)。很显然CSS渐变色(Gradien…
-
利用css3实现圆形进度条
在开发微信小程序的时候,遇到圆形进度条的需求。使用canvas绘图比较麻烦: 1、为了实现在不同屏幕上面的适配,必须动态的计算进度条的大小; 2、在小程序中,canvas的画布具有最高的层级,不易于扩展。 但使用css3和js实现进度条就很容易的避免了这方面的问题。 注:这篇文章里面使用jq…
-
CSS3+Js实现响应式导航条方法
本文介绍css3+js实现响应式导航条方法 今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query。具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做。 另外需要…