1.template代码 <view class="voice-image"> <view class="lines"> <text class="hr hr1" style="{{lineAnimation?'animation:liner .5s -1s ease-in-out alternat ...
分类：
Web程序 时间：
2020-04-01 14:43:47
阅读次数：
166
这一段时间，“淡黄的长裙，蓬松的头发”歌词，以迅雷不及掩耳盗铃之势刷屏微博微信。这是出自爱奇艺选秀节目《青春有你2》，训练生李熙凝以“朗诵式rap”形式演唱歌词，让人听得直上头。微博话题#淡黄的长裙蓬松的头发#一度登上微博热搜，目前话题阅读量破6亿；抖音相关话题#淡黄的长裙蓬松的头发也收割了3万个短视频，逾2.2亿人次的播放量。没听之前我也是不当回事的看过一个视频之后满脑子嗡嗡的一直在反复循环播放
分类：
其他好文 时间：
2020-03-30 18:02:11
阅读次数：
95
<audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 1 <audioid="media"src="http://www.abc.com/test.mp3"controls></audio> <video ...
分类：
其他好文 时间：
2020-03-29 22:38:29
阅读次数：
330
用CSS实现一个简单的幻灯片效果页面，第一反应是利用CSS3的animation。不过为了兼容浏览器，记得加各浏览器前缀（“chrome和safira：-webkit-”、“firefox:-moz-”、“opera:-o-”），我最开始写的时候忘记加浏览器前缀，在chrome中一直没有任何显示。下 ...
分类：
Web程序 时间：
2020-03-29 12:42:35
阅读次数：
110
在开发小程序时，隐藏和显示是我们用的比较多的一种，但是就简简单单的显示隐藏，有的时候觉得太low，所以分享一个类似于城市选择器那种从下到上的那种弹框； 这中间就要用到小程序动画 Animation 已经是写好的小demo；可以直接拿过来使用； .wxml <button bindtap="showM ...
分类：
微信 时间：
2020-03-24 14:30:37
阅读次数：
143
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 /* 定义动画 */ 8 @keyframes e ...
分类：
Web程序 时间：
2020-03-14 16:50:17
阅读次数：
80
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>loading动画</title> 6 <style type="text/css"> 7 @keyframes loading{ 8 fr ...
分类：
Web程序 时间：
2020-03-14 16:41:32
阅读次数：
60
<!-- CSS3 animation动画： 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps( ...
分类：
Web程序 时间：
2020-03-14 16:36:50
阅读次数：
79
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的风车</title> 6 <style type="text/css"> 7 @keyframes fengche{ 8 form{ ...
分类：
Web程序 时间：
2020-03-14 16:27:41
阅读次数：
76
关于CSS3中动画属性的基本知识 animation顾名思义为动画的意思。Animation应用在页面DOM上 使其产生动画的效果。在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是"Key s",我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。 anim ...
分类：
Web程序 时间：
2020-03-08 09:34:52
阅读次数：
430
