http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/ box-shadow  :   http://blog.csdn.net/freshlover/article/details/7610269         // box-shadow:0 0 5px 5px  #red;…

SVG的画布.画布视区(viewBox).浏览器视窗的概念 画布 画布是绘制SVG内容的一块区域,理论上在所有维度上都是无限的.(也有人称为"SVG世界",但我觉得叫画布比较合适) 画布视区(viewBox) 就是截取画布某一块矩形区域作为显示的区域.(有人也称为"视野"或"视区盒子",但我觉得不够形象.viewBox是与画布相关的,那既然是画布的可视区,那叫画布视区比较容易顾名思义.) 控制画布视区有两个属性:viewBox.preserveA…

http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502151385.html jQuery 缩放 旋转 裁剪图片 Image Cropper A simple jQuery image cropping plugin. https://fengyuanchen.github.io/cropper 涂鸦效果 https://github.com/Leimi/drawingboard.js#drawingboardjs 全局定义,从而实现涂鸦…

  <--------一些理论储备: ---------------------------------------------------------------------------------------------------------------------------------> HTML5 Canvas元素允许我们在HTML5页面中的canvas区域自由的绘制图形.   在HTML5 Canvas上绘制图形是一种即时模式(immediate mode). 所谓的即时模式是指…

演示 本教程将和大将分享一些简单的圆形图标在鼠标hover时的动画效果.这种效果在不少时尚的酷站上都有.本教程中的例子主要是利用在a元素的伪元素上使用CSS transitions和animations来制作.图标的创建将使用IcoMoon app来完成. 注意:不是每一个浏览器都支持伪元素,最好是使用Chrome或Firefox浏览器观看. HTML结构: 图标组的结构是使用一个div包含一组a元素,给每个a元素设置图标class. <div class="hi-icon-wrap hi…

谷歌Material Design在如今的前端页面设计中非常流行.Material Design的设计风格向我们展示了一个简单而有内涵的现代UI设计方案. Material Design是如此的简洁美观,那么,现在有什么Material Design框架可以使用呢?下面我们就一起来看看5个最顶级的Material Design框架. Angular Material Angular Material是目前所有Material Design框架中的大佬级人物.这是因为Angular在互联网上也非常…

移动手机用户的数量每日都在增长,人们现在都习惯于使用手机来浏览网页,看小说,读新闻.如何确保你的网站对移动用户友好,是目前你需要解决的最重要的问 题之一.这里给大家介绍10款在移动手机上使用的jQuery插件. 移动手机用户的数量每日都在增长,人们现在都习惯于使用手机来浏览网页,看小说,读新闻.如何确保你的网站对移动用户友好,是目前你需要解决的最重要的问题之一.这里给大家介绍10款在移动手机上使用的jQuery插件. 1.iosscripts iosscripts是一款响应式的.支持移动触摸设备…

jQuery之家: CSS3中使用的HSL颜色指南:http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201503281590.html 要理解HSL颜色,你首先需要从另一个角度来理解颜色.注意观察上面的色盘,你可以看到红.绿和蓝三种颜色.红色在最是那干嘛,被设置为0度,绿色是120度,蓝色是240度.它们将色盘分为三个部分.在它们的中间分别是黄色.青色和洋红(CMYK颜色系统).它们的角度分别为60度.180度和300度. 从色盘的顶部开始顺时…

使用CSS3 backface-visibility属性制作翻转动画效果:    http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201504151686.html 详解CSS3的perspective属性设置3D变换距离的方法: http://www.jb51.net/css/462429.html 注意,为了指转换子元素变形的深度,perspective-origin属性必须定义父元素上.通常perspective-origin属性本身不做…

http://git.oschina.net/heboliufengjie/demo/tree/master/svg?dir=1&filepath=svg&oid=3a442039721540d1ca920d7f45e6e0cd3dbbbdaa&sha=d67a78901664702a3ab2742c995ae969ccb626b0 document.createElementNs(ns,tagName)_______________________________________…