利用css3实现一个半月形的西瓜,利用queue实现吃西瓜的动画。练习例子css3:1、圆角border-radius:100%;border-top-left-radius:5px;2、变形2D旋转:transform: rotate(25deg);(正角度为顺时针,负角度为逆时针)。3D旋转:t...
分类:
Web程序 时间:
2014-08-04 20:36:27
阅读次数:
251
利用css3实现一个半月形的西瓜,利用queue实现吃西瓜的动画。练习例子css3:1、圆角border-radius:100%;border-top-left-radius:5px;2、变形2D旋转:transform: rotate(25deg);(正角度为顺时针,负角度为逆时针)。3D旋转:t...
分类:
Web程序 时间:
2014-08-04 13:55:47
阅读次数:
388
现在移动端的应用可谓是越来越火爆了,随着 HTML5 和 CSS3 的诞生,那么移动端的网页也越来越普遍了,那么有时候开发人员制作移动网页的时候,有时候要模拟手机的手势来测试自己写的程序代码,却苦苦寻求不到自己合适的模拟器。那么在这里我将介绍一种谷歌触屏模拟器的插件,让开发者更好的开发自己的手机端的...
分类:
其他好文 时间:
2014-08-04 10:47:07
阅读次数:
423
最近自己需要一套后台管理的模版,然后去网上查找,模版的确很多,但是适合我的并不多。我需要的模版是不会很大,我能够控制代码,样式不要太古朴,最好有点CSS3的效果。最后终于找到一张主页,然后再根据这个主页来编辑其他的后台部分。第一眼看到这个样式,就非常满意。现在只做了四张页面,登录、首页、菜单管理和菜...
分类:
Web程序 时间:
2014-08-04 10:35:37
阅读次数:
344
这是在网上看到比较好的兼容性的圆角边框,详见"圆角边框"。 现在要弄圆角边框,一般都是直接用border_radius,但是我们都很清楚这是CSS3的属性,兼容性不是那么完善,在ie8以及ie8以下的浏览器都是无效的,呈现出来的都是直角。 所以很多时候如果要做到兼容,很多时候会采用“滑动门”...
分类:
其他好文 时间:
2014-08-01 19:26:52
阅读次数:
193
1.如何创建CSS样式表2.CSS3的卓越特性3.基于设备属性改变样式的媒体查询4.如何使用属性改变元标签创建更美观移动页面层叠样式表是移动WEB开发中的一个重要组成部分,本次分享将学到如何编写CSS并用它为移动页面定制样式,其中包括媒体查询为特定设备定制样式表。此外还将了解一些影响移动设备内容显示...
分类:
移动开发 时间:
2014-08-01 18:35:52
阅读次数:
280
可以创建一张Sprites图,这张图既有普通分辨率图像,又有高分辨率下的图像?你可以,但你还是要面对,你的用户在一个较慢的带宽下下载一个大图的烦恼。你也要同时面对IE9以下的浏览器不支持background-size的麻烦问题。你最好还是分别为高分辨率和普通分辨率创建不同的两张Sprites图。这个...
分类:
Web程序 时间:
2014-08-01 13:27:11
阅读次数:
270
旨在优化不同上网设备中页面显示的优化 响应式布局:就是根据浏览窗口的尺寸,改变页面的变化 原理:利用css的media-queries判断浏览窗口的尺寸,在CSS样式表中设置一些规则! 例如: 在标签中输入如下css3的格式实现: 解读:上面的代码的意思是实现,当浏览窗口尺寸小于767...
分类:
其他好文 时间:
2014-07-30 09:58:13
阅读次数:
205
按上下文选择元素按祖先元素选择要格式化的元素输入ancestor,这里的ancestor是希望格式化的元素的祖先元素的选择器。输入一个空格(必不可少)。如果需要,对后续的每个祖先元素重复第(1)和 (2)步。输入descendant,这里的descendant是要格式化的元素的选择器。按父元素选择要...
分类:
Web程序 时间:
2014-07-26 00:36:06
阅读次数:
234
手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行;还有就是用到css3里的 transform:translate(x,y);移动元素,不过发现在不支持css3的设备上马上完蛋了,所 有下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动...
分类:
Web程序 时间:
2014-07-26 00:27:16
阅读次数:
368