1、jQuery/CSS3带表单的下拉菜单今天要分享一款基于jQuery和CSS3的下拉菜单，这款jQuery下拉菜单非常特别，我们直接可以在下拉菜单中填写联系表单、登录表单。而且整个下拉菜单的外观是木质视觉效果的，所以菜单显得非常端庄大气，这款jQuery下拉菜单可以在你的个人网站中使用。在线演示...
分类：
Web程序 时间：
2015-06-03 09:32:19
阅读次数：
166
我一度认为实现双遮罩层的效果必须需要借助background，事实上利用CSS3的box-shadow属性可以轻松模拟出这种效果。另外抛砖引玉，介绍一下z-index的世界。
分类：
Web程序 时间：
2015-06-02 19:58:17
阅读次数：
596
预备知识
DIV+CSS基础
CSS3的transform 和 transition用法
主要是用了transform的rotate/scale
动画过渡的几个参数(transition-property/transition-duration/ transition-timing-function)
CSS3的box-shadow..这里只用到外阴影
值得一提的:更多属性的参数要查询css手册...
分类：
Web程序 时间：
2015-06-02 17:57:48
阅读次数：
422
今天学到让元素在页面中水平居中的新写法，利用了CSS3的transform属性，通过设置translate的值来改变元素的位置。1.先来看看怎么实现的页面中放一个div，width和height随便设置大小和背景色，以便查看效果： 1 2 3 4 5 利用CSS3的transform属性让元...
分类：
Web程序 时间：
2015-06-02 17:34:56
阅读次数：
213
css3的-webkit-filter毛玻璃效果：.blur{ width: 300px; height: 300px; -webkit-filter:blur(2px); -moz-filter:blur(2px); filte...
分类：
Web程序 时间：
2015-06-02 17:19:57
阅读次数：
122
制作动画1 在资源中新建文件夹用来存放动画2 在游戏播放视窗中单击下拉键——》add tab——》animation3 在hierarchy窗口中选择要操作的游戏对象4 单击游戏的transform属性——》add curces5 录制并保存动画（可以在设计视窗中拖动游戏对象进行录制游戏）6 在游戏...
分类：
其他好文 时间：
2015-06-02 12:37:33
阅读次数：
153
项目中经常有用到动画效果，比如Loading、风车转动等等。最简单的办法是使用gif，但是gif在半透明背景下有白边，体验不友好，好在现在可以使用css3的anmiation来实现动画效果，极大的提升了用户体验。下面是风车转动效果实现demo 风车 - cs...
分类：
Web程序 时间：
2015-06-01 18:23:00
阅读次数：
339
1.简介 @font-face用于自定义字体样式，从服务器端取得字体样式，使浏览器可以显示客户端并不存在的样式效果，给用户带来更好的展示体验。 @font-face并不是CSS3的新特性，早在98年就被写入CSS2的规范当中，目前在IE6都可支持。2.语法 @font-face { fo...
分类：
Web程序 时间：
2015-05-31 18:23:01
阅读次数：
168
css3的gradient分为两种：线性渐变（linear）和径向渐变（radial）。一、线性渐变linear-gradientlinear-gradient([设置方向]，[设置开始颜色]，[设置多种过度颜色]，[设置结束颜色])参数：第一个参数：指定渐变方向，可以用“角度”的关键字或“英文”来...
分类：
Web程序 时间：
2015-05-30 21:01:08
阅读次数：
151
引子：
在谈到css定位问题的时候先来看一个小问题:
已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应.
效果如下图:
这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度.
第一种实现方法,是借助css3的新属性calc,实现代码如下:
body {
margin: 0;
padding: 0;...
分类：
Web程序 时间：
2015-05-27 22:51:26
阅读次数：
294
