html5
青菜馒头
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
圆形图片360度不停旋转---@-webkit-keyframes使用@keyframes规则,你可以创建动画
html代码:<div class="picxz"></div>css代码:* { margin:0; padding:0; list-style:none;}body { background:#1F1F1F;}.picxz { width: 220px; height: 220px; margin: 0 auto; bac原创 2016-10-21 14:57:49 · 7129 阅读 · 3 评论 -
通过html5 canvas绘制时钟
原文地址:http://xfenglin.com/a/12007204175.html?ref=myread最近一直在学习html5,学到了html5的canvas标签,这个画布真的是很强大,它有对应的javascript的api的支持,你可以在这个标签里面绘制任意的图形,你也可以把图片放在里面,能够做出很炫的效果。言归正传,废话不多说,首先,html,只一句设置画布的id,宽度和高度<canvas转载 2016-10-12 14:22:57 · 883 阅读 · 0 评论 -
手机页面点击电话进入拨号界面---a链接的tel属性
a标签属性href中的tel及mailto用处<a href=”tel:1234567898″>1234567898</a>指定电话的超链接<a href=”mailto:123456@163.com”>邮箱</a>指定邮箱的超链接原创 2016-10-25 18:11:12 · 9251 阅读 · 0 评论 -
html段落开头空两格---css技巧text-indent
<p style="text-indent:2em;">你的文章内容!</p>实例:<div class="context"><p>第一段</p><p> 第二段</p></div>.context p{ text-align: justify; text-justify: inter-ideograph; text-indent: 2em;}其中text-align:justify; te原创 2016-10-26 13:43:19 · 34282 阅读 · 1 评论 -
雪花特效---纯css实现
html代码<div class="snow-container"> <div class="snow foreground"></div> <div class="snow foreground layered"></div> <div class="snow middleground"></div> <div class="snow middleground layered"><转载 2016-10-19 14:25:40 · 7920 阅读 · 2 评论 -
3d粒子特效---背景特效
html代码:<canvas id='canv'></canvas><!--[ MouseMove / TouchSwipe ] Omega Centauri is a globular cluster in the constellation of Centaurus, the largest globular cluster in the Milky Way galaxy at a diame转载 2016-10-20 09:28:14 · 1961 阅读 · 0 评论 -
css盒模解析
ie中:margin和padding是包含在宽度中的,及 盒子宽度=文字宽度+margin宽度+padding宽度其他浏览器:margin和padding不算在宽度中,即 总宽度=盒子宽度+margin宽度+padding宽度; 例如: width:300px;margin:10px;padding:30px;总的就是340px转换为ie中盒模的方法:使用box-sizing: border-原创 2016-10-20 09:37:07 · 346 阅读 · 0 评论
分享