51Dev开发社区
登录 注册

#cSS3

新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】
 　　作为最流行的 JavaScript 开发框架，jQuery 在现在的Web开发项目中扮演着重要角色，它简化了HTML文档遍历，事件处理，动画以及Ajax交互，而 CSS3 作为CSS的下一个版本，增加了圆角、旋转、阴影等强大的特性，甚至还可以实现需要&n...
代码星球 ·2020-05-23

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...
代码星球 ·2020-05-23

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...
代码星球 ·2020-05-23

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...
代码星球 ·2020-05-23

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...
代码星球 ·2020-05-23

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度。用法...
代码星球 ·2020-05-23
首页上一页...1617181920...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他