Vue动画 使用过度类名实现动画 1. 将要使用过度动画的标签用transition包裹 2. 定义两组样式 自定义样式前缀 可以在transition标签中用name来指定对应的样式前缀 这样做的话,在定义动画时也要用my作为前缀 使用第三方类库实现动画 Animate.css 在transiti ...
分类:
其他好文 时间:
2020-05-16 00:13:43
阅读次数:
73
旋转圆形图片: .pic:hover{ transform: rotate(360deg); transition: all 1.5s ease ; } .pic{ border-radius: 500px; border: solid #dddfdc; } 鼠标放置完全显示: .ganying:h ...
分类:
Web程序 时间:
2020-05-15 21:50:42
阅读次数:
214
Chrome Plugin Css3 Animation 快速给页面加上炫酷css3动画的chrome插件。 使用 1.从chrome webstore下载 chrome应用商店安装地址 2.直接下载crx文件 如果无法访问到chrome的应用商城,可以选择下载app.crx文件,在chrome中打 ...
分类:
Web程序 时间:
2020-05-15 20:23:28
阅读次数:
136
自适应的椭圆 1.自适应的椭圆 实现方式是通过border-radius这个属性;border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值,还能接收百分比的值。百分比的值会基于元素的尺寸进行解析,宽是水平半径的解析,高是垂直半径的解析。 所以可以 ...
分类:
Web程序 时间:
2020-05-15 11:47:45
阅读次数:
63
https://blog.csdn.net/yuzhiyuxia/article/details/8806488 在Android应用中,常常会用到Drawable资源,比如图片资源等,在Android开发中我们是用Drawable类来Drawable类型资源的。 Drawable资源一般存储在应用 ...
分类:
移动开发 时间:
2020-05-12 09:26:40
阅读次数:
77
# 页面定制css代码 <!-- 小老鼠游戏控件 --> <div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="https://files.cnbl ...
分类:
其他好文 时间:
2020-05-11 18:53:52
阅读次数:
74
因项目需要,需要在元素上实现动画效果,并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法,最终的方法基本都是改动画规则,比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: translat ...
分类:
Web程序 时间:
2020-05-11 12:52:38
阅读次数:
373
前言: animate需要使用CCAnimation对象来进行初始化。该对象是继承CCObject CCAnimation的构造过程有多种方式,可以通过plist也可以通过直接设置图片的方式。 一、CCAnimationCache:animation的解析器 通过addAnimationsWithF ...
分类:
其他好文 时间:
2020-05-10 23:24:56
阅读次数:
74
实现效果 动画分解 1.灯光闪烁2.文字出现3.水流4.心电图 知识点 1.AI(可尽情骚扰UI欧巴)2.SVG(了解基本的知识点)3.TweenMax(GreenSock)4.CSS animation 写在前面 写过第一篇文章后GreenSock (TweenMax) 动画案例(一)再回头看发现 ...
分类:
其他好文 时间:
2020-05-10 20:47:49
阅读次数:
69
html + css基础 ?基本的布局(中间自适应旁边固定啥的)的几种实现方法; ?垂直居中的几种实现方法; ?盒模型; ?position; ?行内元素和块元素; ?BFC(块级格式化上线文,和浮动一起考); ?animation; ?伪元素伪类; ?less、sass、stylus这种预处理器; ...
分类:
其他好文 时间:
2020-05-08 20:12:51
阅读次数:
71