随笔分类 -  CSS3

摘要：CSS3允许你使用3D转换来对元素进行格式化。3D转换方法：rotateX()rotateY()浏览器支持属性浏览器支持transformIE10和Firefox支持3D转换。Chrome和Safari需要前缀-webkit-.Operate仍然不支持3D转换。1.rotateX()方法通过rotateX()方法，元素围绕X轴以给定的度数进行旋转。 div.rotateXTwo { background-color: red; transform: rotateX(120deg); }2.rotateY()旋转通过rota... 阅读全文

摘要：CSS3 转换 通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 它如何工作？ 转换是是元素改变形状、尺寸和位置的一种效果。 你可以使用2D或3D转换你的元素。 浏览器支持 属性浏览器支持 transform IE10、FireFox以及Opera支持transform属性。Chr 阅读全文

摘要：CSS3 @font-face 规则在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在 CSS3 @font-face 规则中定义的。浏览器支持属性浏览器支持@font-faceFirefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。Internet Explor 阅读全文

摘要：CSS3包含多个新的文本特性。在本章中，你将学到如下文本属性：text-shadowword-wrap浏览器支持：属性浏览器支持text-shadowword-wrapInternet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 属性。所有主流浏览器都支持word-wrap属性。注释：IE9及更早的版本，不支持text-shadow属性。CSS3文本阴影在CSS3中，text-shadow可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离、以及阴影的颜色： /*文本阴影效果*/ div.textOn... 阅读全文

摘要：CSS3包含多个新的背景属性，他们提供了对背景更强大的控制。本章将学到一下背景属性:background-sizebackground-origin你也将学到如何使用多重背景图片。浏览器支持：属性浏览器支持background-sizebackground-originInternet Explorer 9+、Firefox、Chrome、Safari 以及 Opera 支持新的背景属性。1.background-size属性background-size属性规定背景图片的尺寸。在CSS3之前，背景图片的尺寸是由图片的实际尺寸决定的。在CSS3中，可以规定背景图片的尺寸，这就允许我们在不同的环 阅读全文

摘要：说明：CSS3完全向后兼容，因此不必改变现有的设计。浏览器通常支持CSS2CSS3模块CSS3被划分为模块：选择器框模型背景和边框文本效果2D/3D转换动画多列布局用户界面CSS3边框通过CSS3，您能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框，并且不需要使用设计软件，比如PhotoShop。在文章中，您将学到一下边框属性border-radiusbox-shadowborder-image浏览器支持：属性浏览器支持border-radiusbox-shadowborder-imageIE9+支持border-radius和box-shadow属性。Firefox,Chrome以及Sa 阅读全文

摘要：在CSS3中，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用，就会产生不同的效果，使用顺序不同，产生的效果是不一样的。 目前浏览器支持情况：Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+ 一、旋转： CSS中使用rotate方法来实现对元素的旋转，在参数中加入角度值，旋转方式为顺时针旋转。 例一：一个黄色的div元素，通过在样式代码中使用“transform: rotate(45deg)”，... 阅读全文

摘要：给开发者提供的 35 款 JavaScript 图形图表库:http://news.cnblogs.com/n/201518/主题：【前端必看】JavaScript推荐资料合集:http://www.iteye.com/topic/1133446 阅读全文