- 博客(8)
- 资源 (2)
- 收藏
- 关注
转载 CSS3 参考指南:Transform
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法: tra
2015-03-30 18:20:59 345
转载 CSS3 参考指南:文字阴影text-shadow
说明:可以给一个对象应用一组或多组阴影效果,方式如前面的语法显示一样,用逗号隔开。text-shadow: X-Offset Y-Offset Blur Color中X-Offset表示阴影的水平偏移距离,其值为正值时阴影向右偏移,如果其值为负值时,阴影向左偏移;Y-Offset是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移反之其值是负值时阴影向顶部偏移;Blur是指阴影的模糊程度
2015-03-30 17:22:22 360
原创 CSS3 参考指南:RGBA
基础知识语法:R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数 | 百分数A:透明度。取值0~1之间RGB色彩模式(也翻译为“红绿蓝”,比较少用)是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即
2015-03-30 12:54:14 526
转载 CSS3 参考指南:CSS3 圆角(border-radius)详解
现在有了 CSS3 的 border-radius 特性之后,实现边框圆角效果就非常简单了,而且其还有多个优点:一是减少网站维护工作量;二是提高了网站的性能,少了对图片的 HTTP 的请求,网页载入速度将变快;三是增加视觉美观性。 既然 border-radius 有这么多好处,我们就从他的语法,属性和属性值等方面来看其如何应用,又是如何制作圆角,还有就是除了制作圆角他还能制作什么?
2015-03-26 19:37:00 508
转载 CSS+DIV(二) 网页常用的布局
所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。 下面,我们需要根据构思图来规划一下页面的布局,仔细分析一下该图,我们不难发现,图片大致分为以下几个部分: 1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图
2015-03-25 13:26:58 525
原创 CSS+DIV(一) 如何定义CSS reset
先看一张布局对于这张图布局是再熟悉不过了,博客及网页使用的最多一种,如果不是很懂也没关系,在后边我会具体说明布局如何使用。每当小虫大叔看好的网页总是想这样看下。F12 控制台查看会看到样式的声明,其实也有些人这么写 : *{margin:0;padding:0} //这种写法的确是很简洁,但是增加页面渲染复杂度,不建议这么使用。
2015-03-24 23:25:12 327
转载 使用jQuery实现返回顶部功能
很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮。首先需要在顶部添加如下html元素:[html] view plaincopyp id="back-to-top">a href="#top">span>span>返回顶部a>p> 其中a标签指向锚点top,可以在顶部防止一个的锚点,这样在浏览器
2015-03-20 13:46:28 327
转载 CSS3 Linear Gradients (线性渐变)
webkit内核的safari、 Chrome是支持的 根据以上图片示例改成:background-image:-webkit-linear-gradient(top,#ccc,#000,#a3dbff); top :是指方向 开始可以为:top,left top, left ,结束是相对应的。对IE渐变处理IE浏览器实现渐变只能使用IE自己的滤镜去实
2015-03-17 14:08:12 823
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人