标签:HTML
svg实现放大效果 在ai上写几个字 例如: svg代码: #XMLID_57_{ animation:zizou 3s; } @keyframes zizou{ from{ transform:scale(1.0);
svg实现简单沙漏 先画一个简单的沙漏 例如: svg代码: .timerWrap { position: relative; animation: timerRotate 1s infinite ease; width: 120px; height: 160px; margi
首先用ai画一个简单的风车 例如: svg代码: <animateTransform attributeName="transform" begin="0s" dur="2s" type="rotate" from="0 305 225.5"
ngAnimate插件是做什么的? ngAnimate插件如其名字一样是为元素提供动画的。 怎么定义动画? 第一步必须是引入插件 <script src="//cdn.bootcss.com/angular.js/1.3.20/angular.js"></script>
svg的几个小案例 最近经常用到svg,闲的无聊的时候做了几个简单的小例子,希望能帮到大家,svg会用了之后做动画和图片都方便了好多,接下来就看看小例子吧!! 1、例子一 css代码 svg{ display: block; margin: 60px auto; } #dax
  最近做了一个用canvas合成海报图片的移动端项目,由于一点canvas基础都没有,所以去网上搜了一位前辈的demo,但是开发过程中遇到了很多问题,现将所遇问题及解决方法总结如下:   1、移动端canvas项目适配全屏问题   问题描述:由于canvas的width和height只能设置px值
一、css顺序   首先声明,浏览器读取css的方式是从上到下的。我们一般书写css只要元素具备这些属性就会达到我们预期的效果,但是这会给以后的维护和浏览器的渲染效率带来一定的影响,那么该怎么书写css的顺序呢?有没有一定的规范呢?   首先我们知道css的属性按特性分为几类;   1.规定元素特性
var that=this   get请求 that.$http.get("1.txt").then(function(result){ console.log(result) this.msg=result.data; }) post请求    需要环境  发送数据  接收数据 that.$htt
<meta charset="utf-8">告诉浏览器要用utf-8来解释,同时,保存文档时,编码格式也要为utf-8格式。
---恢复内容开始--- 今天咱们来说一下,CSS中的3D效果 .如果你把transform真的掌握的和纯熟的话,就可以直接通过CSS做出很多很炫酷的效果,甚至.轮播图和选项卡都可以通过CSS来做,咱们明天就说如何运用CSS来做轮播图,大家记得看哦! 很好,话不多说,翠花'上代码': 1 <
1.SVG 是用XML格式定义的矢量图。 2.文件体积小,能够被大量的压缩。 3.图片可无限放大而不失真(矢量图的基本特征)。 4.在视网膜显示屏上效果极佳。 5.能够实现互动和滤镜效果。 6.svg元素里提供了“width”和“height”两个属性来定义SVG图片的高度和宽度。 7.fill属
前言 因为在做美团外卖商家端的nw.js壳子项目,需要保证在壳子里面使用localStorage的数据可以持久化保存。 发现nw可以保存,即使删除应用重写打包也可以保存,所以解决了这个需求,但是还是需要知道具体储存在哪里,否则不清楚什么情况下数据会丢失。 储存位置 nw.js打包出来的应用的loca
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />  width: viewport 的宽度 (范围从 200 到 10,000 ,默认
最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。   中文官网(必看): https://angular.cn 懒人学习: http://www.imooc.com/learn/789 支持bootstr
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件,可以用来做轮播和滑动. 初始化 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
在开发 H5 应用的时候碰到一个问题,应用只需要一张小的缩略图,而用户用手机上传的确是一张大图,手机摄像机拍的图片好几 M,这可要浪费很多流量。 像我这么为用户着想的程序员,绝对不会让这种事情发生的,于是就有了本文。 获取图片 通过 File API 获取图片。 var input = docume