CSS3实现多重背景
课课家:还记得小编前面发布的一些css3绘图教程么?我们通过before和after伪元素为整个页面减少了各种复杂嵌套的标签,从而提升页面的加载速度。
css3溢出隐藏的方法
这篇文章介绍了css3溢出隐藏的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
玩转CSS3的多色边框
课课家:为边框设置颜色,相信大家都不陌生,控制该效果的属性叫border-color。CSS3出来了一个叫border-colors的属性,跟border-color相比就多了一个字母,然而这样的影响就大了。很显然前者是后者的复数形式,也就是说,现在我们可以给边框设置多个颜色了。
简述CSS3中的过度功能
课课家:这篇文章主要给大家介绍css3提供的新特性,即过度功能,通过这个功能可以实现简单的动态效果。通过CSS3,我们可以在不用flash动画或javaScript的情况下,在元素从一种样式变换为另一种样式时为元素添加效果。
用纯CSS3绘制乾坤八卦图
课课家:乾坤八卦图衍生自中国古代的《河图》与《洛书》,伏羲根据燧人氏造设的这两幅星图所作。其形状经过抽象以后,成为对称感相当强的几何图形,无论是黑白两色还是形状,都非常地平衡和稳重。
定义CSS3属性的书写顺序
课课家:不同书写顺序示例首先是比较聪明和值得推荐的写法: not-a-square {-webkit-border-radius: 10px-moz-border-radius: 10pxborder-radius: 10px},以下就是可能会产生问题的书写顺序。
利用CSS3的selection伪类隐藏文本
课课家:网页的文字有一个“硬伤”,你去选择它的时候,底部会显示一个蓝色背景。虽然没几个用户会去选择,哪怕是要复制文本也不会介意这个颜色的好看与否。但是对于强迫症患者来说,这个问题足以让他们连续几晚寝食不安,彻夜难眠。
巧妙利用CSS3美化半个字符
课课家:随着现代浏览器技术的进步,CSS3的革新,程序员有了更大的空间和可能性来发挥自己的奇思妙想。在网上有很多常见的图形,比如下面的这个3D立体字,放在凡人眼里,它们肯定是个图片,找美工做个图就完事了。但如果你仔细研究,就会发现,它们不是图片,是用纯CSS画出来的,这可是爱美程序员的专利喔。
CSS3实现报纸杂志的多列排版
课课家:网站的类型五花八门,但其作用都不外乎是为用户传递信息,比如新闻、快讯等等。而说到新闻,大家很容易就会想到传统的报纸、杂志等纸质媒介。经常读书看报的朋友可能会留意到,几乎每一张报纸都存在如下图所示的多列排版模式。
带你认识CSS3中新的长度单位
课课家:众所周知,在编写css过程中,我们通常要为元素的位置、尺寸精确地定义一些值。因为一个排列无序、杂乱无章的页面不可能给别人留下什么好的印象。而这时,我们就离不开长度单位的帮忙了。随着CSS的不断发展,在CSS3中引入了几个新的长度单位,今天小编就带大家一起认识它们。
web前端:css3实现半圆和圆效果
课课家:css2是CSS(层叠样式表)的第二级,W3C组织于1998年推出的技术规范,提供了比CSS1更强的XML和html文档的格式化功能。例如,元素的扩展定位与可视格式化、页面格式与打印支持和声音样式单等。
基于CSS3实现的毛玻璃渐变效果
课课家:毛玻璃说白了就是磨砂玻璃。隔着表面粗糙的磨砂玻璃观赏窗外的风景,总会带着点朦胧美,给人以若隐若现的感觉,远近之间的层次感也因此而被体现出来。这种效果不仅美观,而且可以通过清晰和模糊的对比来突出重点内容,因此被广泛应用于Web设计领域。本教程我们也来制作一个这样的效果。
用CSS3的RGBA模式实现半透明效果
课课家:大自然的颜色都可以分解为红绿蓝三种色光,它们分别用字母R、G和B表示。那么,这后面的A是什么呢?它就是CSS3新增的功能——alpha(不透明度)。
CSS3制作逼真苹果键盘效果教程
课课家:前段时间,本站发布的CSS3绘制iphone6教程得到了大家的一致好评,更有朋友开玩笑说“这回终于不用卖肾了”。既然苹果产品如此受宠,那小编姐姐今天就再来一篇苹果系列的教程。拿同期的产品来对照,苹果PC电脑就要比iphone6贵多了,所以今天我们学着绘制电脑,其中最为复杂的莫过于键盘了。
用纯CSS3绘制晶莹剔透的水晶按钮
课课家:说到质感很强的水晶按钮,相信有5年以上网龄的朋友都不陌生,因为在扁平化风格普及之前,这类按钮在软件,广告,网页设计里面都太流行了。
纯CSS3绘制的闪光半透明按钮效果
课课家:古往今来,网页设计的配色都存在着这么一条黄金定律:色彩包含色相,亮度和饱和度三大视觉属性,想要整体感和谐并且不单调,就应该让其中一项属性保持基本一致,再让另一项属性拉开一定距离,甚至形成强烈的对比。