#cSS3

css3效果

1、放大图片: /*galleryImagecss*/a.galleryImage{display:block;}.galleryImageimg{transition:all.4sease-out;-webkit-transition:all.4sease-out;}.galleryImage:hoveri...
代码星球 代码星球·2020-05-23

CSS3 Media Queries在iPhone4和iPad上的运用

CSS3MediaQueries的介绍在W3CPlus上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少。前几天在《修复iPhone上submit按钮bug》上介绍了修复form中sumit按钮的bug。同一个项目,为了实现iPhone和iPad横板与竖板的风格,让我还是头疼了一翻。一开始按照CSS3...

CSS3时钟式进度条

CSS3时钟式进度条,加载完成时生成一个圆,数字慢慢变成100,适时的显示加载进度。友情提醒,如果预览时网页左下角提示错误,刷新一下就可以看到效果了;实际使用中不会出现这样的问题。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0 Transitional//EN""http...
代码星球 代码星球·2020-05-23

使用Selectivizr让你的 CSS3选择器 通吃IE6/7/8

说到HTML5,总是会让人不自觉的想到CSS3,貌似他们就应该是成双成对。OK!前几天和大家分享了《使用html5shiv让HTML5通吃IE6/7/8》,那今天,便再和大家分享一个能让HTML5的小老婆(CSS3选择器)也通吃IE6/7/8的方法。Selectivizr是一个JS文件,你只需要引入如JQuery、Mo...

Respond.js – 让不懂爱的 IE6-8 支持 CSS3 Media Query

respond.min.js <scriptsrc="js/respond.min.js"></script>respond.min.js代码:/*!matchMedia()polyfill-TestaCSSmediatype/queryinJS.Authors&copyrig...

css3动画4

效果: 代码: <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=ut...
代码星球 代码星球·2020-05-23

css3动画3

效果:  代码:<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=ut...
代码星球 代码星球·2020-05-23

css3 图片 悬停效果

纯css实现 <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/&...
代码星球 代码星球·2020-05-23

css3兼容代码

1、渐变:.gradient{width:300px;height:150px;filter:alpha(opacity=100finishopacity=50style=1startx=0,starty=0,finishx=0,finishy=150)progid:DXImageTransform.Microsoft...
代码星球 代码星球·2020-05-23

css3学习笔记(一)

1.IE下的渐变: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='0');2.多背景:background:url(Images/c.p...
代码星球 代码星球·2020-05-23

图片触及翻转效果 css3

实现图片由左向右飞入回到最初设定位置,鼠标浮上去旋转显示另一张图片效果;html:   <!DOCTYPEHTML><html><head><metahttp-equiv="content-type"content="text/html";char...

html5+css3 (1)

课程内容大纲:Transition简介各浏览器下的兼容性写法老版Chrome    -webkit-xxxFF              &...
代码星球 代码星球·2020-05-23

CSS3

简介CSS即层叠样式表(CascadingStylesheet)。Web开发中采用CSS技术,可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改,就可以改变网页的外观和格式。CSS3是CSS的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模块、超链接方式、语言模块、背景和边框...
代码星球 代码星球·2020-05-23

CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)

在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理,本文将对此做详细介绍。用法:transform:rotate(45deg);共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。用法...

css3常用动画样式文件move.css

move.csszoomIn  zoomInDownouter-circlearrowTopexpandOpenfadeIn fadeInNormal  fadeInUp  fadeInRight  fadeInDown ...
首页上一页...1617181920...下一页尾页