用CSS实现一个简单的幻灯片效果页面，第一反应是利用CSS3的animation。不过为了兼容浏览器，记得加各浏览器前缀（“chrome和safira：-webkit-”、“firefox:-moz-”、“opera:-o-”），我最开始写的时候忘记加浏览器前缀，在chrome中一直没有任何显示。下 ...
分类：
Web程序 时间：
2020-03-29 12:42:35
阅读次数：
110
transform 和 translate transform指变换、变形，是css3的一个属性，和其他width，height属性一样 translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少 例 ...
分类：
Web程序 时间：
2020-03-25 10:45:29
阅读次数：
90
１: transition div { width: 200px; height: 100px; background-color: pink; /* transition: 要过渡的属性 花费时间 运动曲线 何时开始; */ /* transition: width 0.6s ease 0s, h ...
分类：
Web程序 时间：
2020-03-24 15:53:12
阅读次数：
74
在开发小程序时，隐藏和显示是我们用的比较多的一种，但是就简简单单的显示隐藏，有的时候觉得太low，所以分享一个类似于城市选择器那种从下到上的那种弹框； 这中间就要用到小程序动画 Animation 已经是写好的小demo；可以直接拿过来使用； .wxml <button bindtap="showM ...
分类：
微信 时间：
2020-03-24 14:30:37
阅读次数：
143
题目概览 请写出唤醒拔打电话、发送邮件、发送短信的例子 如何消除transition闪屏？ 对js隐式类型转换的理解 题目解答 请写出唤醒拔打电话、发送邮件、发送短信的例子 如何消除transition闪屏？ 对js隐式类型转换的理解 等于判断：是会去先转为相同数据类型，再判断的。Array Str ...
分类：
其他好文 时间：
2020-03-24 00:44:24
阅读次数：
74
显示效果 显示效果 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: blue; 5 transition: width 2s,height 2s,transform 2s; 6 -webkit-transitio ...
分类：
Web程序 时间：
2020-03-21 15:08:54
阅读次数：
75
移动端动画 红色勾勾代表强烈推荐 transition实现动画案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>移动端动画</title> <meta name="viewport" content=" ...
分类：
移动开发 时间：
2020-03-17 13:50:36
阅读次数：
90
1 <!-- 一般用作活动专题网页制作，平常不太用 --> 2 <!-- transition-property 设置过渡的属性，例如：width height background-color 3 transition-duration 设置过渡时间，比如：1s 500ms 4 transitio ...
分类：
Web程序 时间：
2020-03-14 17:07:36
阅读次数：
76
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
