html5
关注
分享
扫一扫
阿鳥
这里是阿鸟的博格
展开
-
meta 详解，html5 meta 标签日常设置
meta 详解，html5 meta 标签日常设置 作者： JasNature 出处： http://NatureSex.cnblogs.com<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head>转载 2017-04-05 11:36:26 · 307 阅读 · 0 评论 -
box-shadow实现outline圆角
如border有border-radius outline也有outline-radius 但是目前outline-radius只在火狐上有用 其他浏览器都不支持。-moz-outline-radius: 30px;目前可以使用box-shadow来模拟outline圆角效果border-radius: 30%; border: 5px solid red; box-shadow: 0 0 0原创 2017-05-24 15:33:15 · 1941 阅读 · 0 评论 -
SVG path路径学习一
用一个简单的三次贝塞尔曲线来做例子： 指令C如下图 <svg id="svg" width="200" height="100" style="border: 1px solid darkorange;"> <desc>简易三次贝塞尔曲线</desc><defs></defs&am原创 2017-05-16 15:15:02 · 956 阅读 · 0 评论 -
SVG path路径学习二
基础形状 要想插入一个形状，你可以在文档中创建一个元素。不同的元素对应着不同的形状，并且使用不同的属性来定义图形的大小和位置。有一些形状因为可以由其他的形状创建而略显冗余， 但是它们用起来方便，可让我们的SVG文档简洁易懂。下图展示了一些基本形状。生成它们的代码如下： <svg width="200" height="250" version="1.1" xmlns="http:...原创 2017-05-17 11:28:00 · 715 阅读 · 0 评论 -
SVG path路径学习三
什么是贝塞尔曲线，详细可去维基百科-贝塞尔曲线处观看。 再次借用此图： path元素里，只存在两种贝塞尔曲线：三次贝塞尔曲线C，和二次贝塞尔曲线Q。 四次和五次或更高的贝塞尔曲线是由二次和三次结合而来。 这里有个不错的二次三次曲线呈现工具 分享给大家http://dayu.pw/svgcontrol/。 MDN的SVG教程也可以去看一下MDN-SVG。 最后送大家一个svg生成的p...原创 2017-05-18 17:59:18 · 662 阅读 · 0 评论 -
2D矩阵动画
简单2D矩阵动画介绍原创 2017-07-04 11:31:05 · 1795 阅读 · 0 评论