文章分类 -  html5+css3

1 2 3 下一页

css3制作带边框箭头 && CSS3 圆角
摘要:http://www.tuicool.com/articles/qUBj2yj http://www.cnblogs.com/fakis/archive/2010/09/18/1976587.html http://www.wufangbo.com/css-san-jiao-tips/ CSS3 b 阅读全文

posted @ 2015-08-27 16:21 鬼鬼丫404 阅读(228) 评论(0) 推荐(0)

css3渐变
摘要:CSS3 线性渐变 为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。 线性渐变的实例: 语法 background: linear-gradient(direction, color-stop1, color- 阅读全文

posted @ 2015-07-07 11:48 鬼鬼丫404 阅读(87) 评论(0) 推荐(0)

h5极客学院
摘要:http://www.jikexueyuan.com/path/html5/ 极客学院http://edu.51cto.com/course/course_id-219.html CTO 阅读全文

posted @ 2015-06-01 17:58 鬼鬼丫404 阅读(108) 评论(0) 推荐(0)

让所有浏览器支持HTML5 video视频标签
摘要:http://www.zhangxinxu.com/wordpress/2010/03/%E8%AE%A9%E6%89%80%E6%9C%89%E6%B5%8F%E8%A7%88%E5%99%A8%E6%94%AF%E6%8C%81html5-video%E8%A7%86%E9%A2%91%E6%A... 阅读全文

posted @ 2015-03-27 15:06 鬼鬼丫404 阅读(972) 评论(0) 推荐(0)

HTML 5 video 视频标签全属性详解
摘要:现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML 5的视... 阅读全文

posted @ 2015-03-27 15:05 鬼鬼丫404 阅读(194) 评论(0) 推荐(0)

HTML5的Video标签的使用技巧
摘要:网站制作中的Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性,以及一个内部使用的标签。Video标签内除了可以包含标签外,还可以包含当指定的视频都不能播放时,返回的内容。 (1) source标签 Sourc... 阅读全文

posted @ 2015-03-27 14:13 鬼鬼丫404 阅读(455) 评论(0) 推荐(0)

div模拟textarea文本域轻松实现高度自适应
摘要:一、关于textarea文本域以及高度自适应 textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框: 作为多行文本域功能来讲,textarea满足了我们大部分的需求。然而,textarea有一个不足就是不能像普通div标签一 阅读全文

posted @ 2015-03-02 17:41 鬼鬼丫404 阅读(233) 评论(0) 推荐(0)

2015目标
摘要:在2015年,我为自己设置了几个目标:深入学习h5,深入学习bootstrap框架深入了解CSS3深入了解响应式移动端布局简单了解JQ深入了解下面学习网站http://www.w3cplus.com/blog/css3http://www.w3cfuns.com/course.phphttp://a... 阅读全文

posted @ 2015-02-26 16:44 鬼鬼丫404 阅读(77) 评论(0) 推荐(0)

Google Font的运用
摘要:http://www.w3cplus.com/css/how-to-use-google-font-api网页的字体的使用,大家都清楚,有时一些特殊字体只能使用图片来代替,因为担心用户的浏览器不具有这样的字体无法正常渲染页面的效果。为了解决这个问题,前面本站推出CSS3的@font-face来实现一... 阅读全文

posted @ 2015-02-16 16:41 鬼鬼丫404 阅读(239) 评论(0) 推荐(0)

CSS3 Gradient渐变
摘要:CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。http://www.w3cplus.com/content/css3-gradient 阅读全文

posted @ 2015-02-16 16:20 鬼鬼丫404 阅读(87) 评论(0) 推荐(0)

css 弹出模态框modals后背景如何高斯模糊?
摘要:{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:url(blur.svg#blur);filter: progid:DXImageTransform.Microso... 阅读全文

posted @ 2015-02-15 16:25 鬼鬼丫404 阅读(467) 评论(0) 推荐(0)

css3 loading动画演示_前端开发-武方博
摘要:http://www.wufangbo.com/demo/css/15/index.html 阅读全文

posted @ 2015-01-19 14:56 鬼鬼丫404 阅读(80) 评论(0) 推荐(0)

时下流行的css3页面纵向滑动效果
摘要:http://www.w3cfuns.com/blog-5459745-5403311.html 阅读全文

posted @ 2015-01-19 12:10 鬼鬼丫404 阅读(135) 评论(0) 推荐(0)

JQ控制点击隐藏和出现下来列表
摘要:http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_toggleThis is a paragraph.Toggle 阅读全文

posted @ 2015-01-09 14:42 鬼鬼丫404 阅读(138) 评论(0) 推荐(0)

2.半圆
摘要:http://book.2cto.com/201409/46560.htmlborder-radius制作半圆与制作圆形的方法是一样的,只是元素的宽度与圆角方位要配合一致,不同的宽度和高度比例,以及圆角方位,可以制作上半圆、下半圆、左半圆和右半圆效果。例如:.semicircle { backgro... 阅读全文

posted @ 2015-01-09 14:22 鬼鬼丫404 阅读(74) 评论(0) 推荐(0)

h5中form表单中input新增的属性值
摘要:在HTML5中增加了许多新的标签和功能属性,今天我们来看一个Form表单在HTML5中新的使用方法。那么在HTML5中新加入的这个功能与之前咱们使用的功能区别在哪里呢?在下面咱们有几个场景来看,你就明白啦~假如咱们需要把页面中不同的表单元素提交,而这些表单元素又分布在HTML中的各个位置,那么For... 阅读全文

posted @ 2015-01-08 09:52 鬼鬼丫404 阅读(1725) 评论(0) 推荐(0)

HTML5中使用js控制audio标签的方法
摘要:http://www.frontopen.com/3122.html标签可以在HTML5浏览器中播放音频文件。默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。这里我们可以使用JS来进行控制,代码如下:1234567891011121314151617181... 阅读全文

posted @ 2015-01-07 15:36 鬼鬼丫404 阅读(2722) 评论(0) 推荐(0)

css3中box-sizing属性用法详解-content-box-padding-box-border-box
摘要:手机页面多列不计算Border的方法%borderbox{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizi... 阅读全文

posted @ 2014-12-26 11:34 鬼鬼丫404 阅读(4228) 评论(0) 推荐(0)

CSS3阴影
摘要:盒子阴影box-shadow: 5px 5px 5px #888888;文字阴影text-shadow: 1px 1px 0px #11b9ff; 阅读全文

posted @ 2014-12-18 17:25 鬼鬼丫404 阅读(59) 评论(0) 推荐(0)

高斯滤镜模糊CSS3
摘要:http://www.cnblogs.com/fsjohnhuang/p/4127888.html#a3高斯模糊让我想起忘了戴眼镜上街的情景*~*! 1. CSS3滤镜的实现 2. IE5.5~9的实现 使用IE滤镜: filter: progid:DXImageTransform.Mic... 阅读全文

posted @ 2014-12-16 22:32 鬼鬼丫404 阅读(7619) 评论(0) 推荐(0)

1 2 3 下一页

导航