博客首页 → CSS3

最新文章列表

Animator：短小精悍的CSS3动画库

参考：http://www.w3cfuns.com/blog-5458245-5406333.html   <div class="main"> <div class="content"> <div id="animate" class="FadeIn"> ...
CSS3 
wenyier 评论(0) 有925人浏览 2015-07-05 08:47

前端在线工具汇总

在线工具集锦： http://tool.oschina.net/   css速查表： http://css.doyoe.com/   菜鸟教程： http://www.runoob.com/    在线响应式测试工具： http://quirktools.com/screenfly/
响应式测试前端工具css3动画 
wenyier 评论(0) 有664人浏览 2015-07-03 11:15

html5+css3动画

此动画仅限谷歌浏览器···· <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css">        ...
html5css3动画 
wyr123789 评论(0) 有469人浏览 2015-06-11 17:51

一个DIV，如何设置多个背景色(可能是图片，可能是渐变，可能是图片与渐变的混合)

最近在做一个页面，有这么一个需求：页面中有一个 按钮，要求这个按钮既有一张背景图，同时它的背景又要有渐变的效果。 换作以前，肯定想都不想，直接用两个DIV去实现：一个用来实现渐变，另一个用来指定背景，再通过float或者定位来实现想要的效果。 但是这次，我就在想能不能只用一个DIV就可以实现了。百度了一下，在知乎上发现了这个帖子： http://www.zhihu.com/question/ ...
csscss3htmlhtml5div多个背景 
Rainbow702 评论(0) 有5886人浏览 2015-06-08 23:04

HTML5+Canvas手机拍摄，本地压缩上传图片

思路：在前端把图片压缩，然后转换成为Base64的编码，再把Base64的编码使用AJAX来POST到服务器，然后在PHP解开Base64，写入到一个文件去。 <!DOCTYPE HTML> <html lang="zh-CN"> <meta name="viewport" content="initial-sca ...
html5css3jq手机拍照上传 
nongxuansheng 评论(0) 有752人浏览 2015-05-24 04:48

scrollMagic 视差与滚动动画GSAP

scrollMagic（https://github.com/janpaepke/ScrollMagic）是一个页面滚动控制的js库。利用它，可以监听页面的滚动，控制页面元素的样式。 scrollMagic 本身比较简单，只包含2个类： crollMagic.Controller 一个控制器，用于总体的动画调度 ； ScrollMagic.Scene 一个或多个具体舞台画布，用于设计具体的CSS变换 ...
css3animationscroll 
mutongwu 评论(0) 有4440人浏览 2015-05-19 18:14

skrollr-视差滚动动画插件

skrollr ( https://github.com/Prinzhorn/skrollr ) 是一个独立的js特效库。使用方法为在 dom元素上直接编写动画的开始、结束，这些“配置参数”最终会由js读取解析。使用的要点： 1. 由于会对元素做CSS3的动画变形，实际的应用中，通常会把元素设置为 position: fixed；或者 absolute; 2. 这样就要求页面的每一个分块都有 h ...
javascriptcss3视差设计 
mutongwu 评论(0) 有1741人浏览 2015-05-19 14:18

四个方向鼠标滑入的css动画

<!DOCTYPE html> <html><head> <title>测试</title> <meta charset="UTF-8"> <style> *{margin:0;} /* The wrapper */ .b-block { ...
css3transform 
mutongwu 评论(0) 有2167人浏览 2015-05-14 18:08

css3 webkit属性

作者：zccst 见了很多web-kit打头的css属性，但是由于这些属性比较新，不知道是什么意思，特此收集记录。 很多-web-kit打头的css，还有-moz-, -o, -ms-等，但是也不是所有的都已经成为标准，所以有些情况只能写webkit。 2015-05-06 -webkit-margin-collapse -webkit-margin-after-collapse:sep ...
webkitcss3 
zccst 评论(0) 有1523人浏览 2015-05-06 13:57

html5 css3开发：springmvc mybatis rest Webservice html5架构整合

SpringMVC + Mybatis + SpringSecurity(权限控制到方法按钮) + Rest(服务) + Webservice（服务） + Quartz（定时调度）+ Lucene(搜索引擎) + HTML5 bootstrap + Maven项目构建绝对开源平台 项目Mave构建，模拟大型互联网架构，做到高并发，大数据处理，整个项目使用定制化服务思想，提供原子化、模块化的方案， ...
html5css3bootstrapspringmvcmybatis 
2820923879 评论(0) 有8人浏览 2015-05-02 19:25

简单的css3全屏滚动-左右方向

据说 translateZ(0)可以触发GPU渲染，提高动画的性能。 切换的属性变化，可以有2种： 1. transform:translateX的值 2. left的值； 这里动画切换比较简单，看不出有什么优势。 二、采用translateX属性值控制容器位置： <!DOCTYPE html> <html><head> <title> ...
csscss3animationwebkit 
mutongwu 评论(0) 有4068人浏览 2015-04-28 15:17

简单的css3全屏滚动

<!DOCTYPE html> <html><head> <title>qqqqqqqq</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, ...
css3mobileJavaScript 
mutongwu 评论(0) 有1450人浏览 2015-04-27 16:41

纯CSS3的图片slider

<div class="container"> <img class='photo' src="http://farm9.staticflickr.com/8320/8035372009_7075c719d9.jpg" alt="" /> <img class='photo' src=&qu ...
css3 
mutongwu 评论(0) 有962人浏览 2015-04-16 14:36

纯CSS制作下拉导航

      纯CSS下拉导航(兼容IE，ff，chrome及opera)的好处有很多：       1.不必用JavaScript或者jQuery实现，如果网页禁用了JavaScript或者网络慢都有可能影响性能；       2.纯CSS下拉导航不必依靠额外的js库，所以减少了不必要的http请求，加快了用户访问速度；       HTML代码如下： <ul class=&qu ...
HTMLCSSCSS3下拉导航 
y2010081134 评论(0) 有961人浏览 2015-04-06 13:59

清除浮动的5种方式

      在CSS的开发中，之前对于清除浮动这块总感觉迷惑，为什么要清除浮动？清除浮动的方式又有那些？       如下面一段HTML代码： <ol> <li> <h2>运用CSS3的-webkit-box属性实现导航条效果</h2> <ul class="navone"> ...
CSS3清除浮动 
y2010081134 评论(0) 有1341人浏览 2015-04-06 10:42

HTML5滤镜效果demo

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> ...
html5css3 
原水小子 评论(0) 有742人浏览 2015-03-31 17:32

[css3特效]loading加载中

作者：zccst 以前loading都是一张图片，显示或隐藏。 现在如果考虑移动端弱网到连图片也载入不成功，此时css3的loading就非常有用了，而且模拟了图片效果，节省空间。 基本原理： 1，外部一个span，固定宽高（正方形），行内块元素，相对定位，垂直对齐。 2，内部12个span，相对宽高（相对外部），行内块元素，绝对定位(top,left)，颜色，背景色，动画（最重要，作用是颜色从 ...
css3 
zccst 评论(0) 有3594人浏览 2015-03-25 15:53

[css3]知识点积累

作者：zccst animation  , keyframes .rotate {     -webkit-transform-style: preserve-3d;/*保留被转换的子元素3d属性*/     -webkit-animation-name: refreshing;     -webkit-animation-duration: 0.7s;     -webkit-animation ...
css3 
zccst 评论(0) 有1250人浏览 2015-03-14 22:28

[css3]知识点（自己总结版）

作者：zccst CSS3是一个包含多方面的知识，主要分两大类，一类是在css2基层上改进的，另一类是完全新增的 批注：这里只是提纲，具体知识点可参考：http://zccst.iteye.com/blog/2192532 首先是媒体查询，这个是入口 @media screen and (min-width:400px) 一、在原有基础上改进和升级 1，盒模型 box-sizing: b ...
csscss3 
zccst 评论(0) 有1407人浏览 2015-03-13 20:11

[css3]流式布局要点

作者：zccst 让一个div水平、垂直居中 一、流式布局两个要点： 1，在link中加入media <link src="global.css" /> <link src="ipad.css " media="(max-width:980px) and (min-width:600px)" /> < ...
css3 
zccst 评论(0) 有3364人浏览 2015-03-08 13:16

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics