CSS/CSS3
sinolzeng
这个作者很懒,什么都没留下…
展开
-
CSS垂直翻转/水平翻转提高web页面资源重用性
一、CSS下兼容性的元素水平/垂直翻转实现随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下:/*水平翻转*/.flipx { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(转载 2014-11-15 17:36:36 · 878 阅读 · 0 评论 -
理解CSS3 transform中的Matrix(矩阵)
一、哥,我被你吓住了打架的时候会被块头大的吓住,学习的时候会被奇怪名字吓住(如“拉普拉斯不等式”)。这与情感化设计本质一致:界面设计好会让人觉得这个软件好用!所以,当看到上面“Matrix(矩阵)”的时候,难免会心生畏惧(即使你已经学过),正常心理。实际上,这玩意确实有点复杂。然而,这却是屌丝逆袭的一个好机会。CSS同行间:你是不是有这样的感觉:哎呀呀,每天就是转载 2014-11-10 16:50:05 · 1024 阅读 · 0 评论 -
DIV CSS left right top bottom定位
这四个CSS属性样式用于定位对象盒子,必须定义position属性值为absolute或者relative此取值方可生效。转载 2014-11-15 17:08:09 · 1845 阅读 · 0 评论 -
float元素居中
要让float元素居中,需要在float元素的外面增加一个父级div,然后对原创 2014-11-14 10:12:12 · 4039 阅读 · 0 评论 -
CSS3实例教程:border-image属性实例讲解
一、border-image的兼容性border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chrome浏览器,Safari3+支持border-image。所以,就本文而言,IE浏览器可以回家休息了,Firefox3及其以下以及Opera浏览器也可以休息去看《阿凡达》了。所以,本文提供的一些dem转载 2014-11-10 16:30:40 · 933 阅读 · 0 评论 -
超可爱 纯CSS3实现的小猪、小老鼠、小牛
利用纯CSS3绘制一些人物、动物、风景已经不是一件新鲜的事情了,主要是利用CSS3可以让直线变成任意的曲线,于是简单的矢量图形绘制对CSS3来说就小菜一碟了。今天要分享一下超级可爱的纯CSS3实现的小猪、小老鼠、小牛,先看靓照:我们可以在这里查看这三个小动物的DEMO演示。接下来我们逐个来贴出实现这三个小动物的CSS代码一、小转载 2014-10-07 10:16:29 · 1636 阅读 · 0 评论 -
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等),里面很多涉及到CSS3的一些属性。
今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、 椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是 firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如转载 2014-11-29 10:27:59 · 3492 阅读 · 0 评论 -
如何在网页中嵌入自己想要的字体(实例下载)
记得以前在国外那些人的网站看到那些字体怎么那么漂亮。而且不像电脑里面自带的字体。原来是通过这个方法来实现的。厉害,我觉得中文那些比较好看的字体,如果能都看到那该多好,不过看中文的TTF字体10M左右。这么大又有谁愿意等你的字体看呢!所以我觉得还是不太可能。除非大家电脑上都安装这种字体那就可以。本文主要介绍如何在网页上使用自己想要而网页中没有的字体(主要是英文,原因就不再说了,前面有提)。文章底转载 2014-12-08 14:05:35 · 9290 阅读 · 0 评论