//@keyframes定义动画 //animation-name属性主要是用来调用 @keyframes 定义好的动画。 //animation-duration主要用来设置CSS3动画播放时间(其使用方法和transition-duration类似),是用来指定元素播放动画所持续的时间长。 // ...
分类:
其他好文 时间:
2017-08-23 17:35:09
阅读次数:
123
1》animation-iteration-count属性定义动画应该播放多少次。 animation-iteration-count:infinite; infinite表示无限循环 2》先执行一遍动画,然后再反向执行一遍动画: animation-direction:alternate 语法:a ...
分类:
Web程序 时间:
2017-08-23 14:58:40
阅读次数:
167
为了建立导航菜单,让我们先看看html结构:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Animation Menu Demo</title> <link rel="stylesheet" href="htt ...
分类:
Web程序 时间:
2017-08-22 10:42:27
阅读次数:
212
<html> 要链接<script src="js/jquery.min.js"></script>文件 <div class="heart"> <div class="left-top"></div> <div class="right-top"></div> <div class="down"> ...
分类:
其他好文 时间:
2017-08-21 23:01:31
阅读次数:
196
CSS3的animation很容易就能实现各种酷炫的动画,虽然看到别人的成果图会觉得很难,但是如果掌握好各种动画属性,做好酷炫吊炸天的动画都不在话下,好,切入正题。 一、动画属性: 动画属性包括:①animation-name,②animation-duration,③animation-timin ...
分类:
Web程序 时间:
2017-08-21 22:57:20
阅读次数:
417
第一种,js中setTimeout和setintervel,把动画元素设置position:absalute,然后操作left、top来移动。此种方法内存消耗大,显示效果差,不推荐。 第二种,CSS3中的animation动画,添加动画@keyframs name {0% {‘left’,‘0px’ ...
分类:
其他好文 时间:
2017-08-21 18:12:06
阅读次数:
320
图片框架是在Android开发上占领了非常重要的位置。我们经常使用的有Gilde,picasso,Fresco等,在功能上,这些框架已经基本满足我们的开发需求,在此不多讲它们的操作原理。如今我们開始学习自制一个网络图片载入框架 在做之前,我们先了解一下线程池的操作流程 线程池的特点: 1)提升性能。 ...
分类:
Web程序 时间:
2017-08-20 19:45:14
阅读次数:
267
<style> .content{ width: 500px; margin:0 auto; } .content .img1{ animation: zhazha 1s infinite; } .content .img2 { animation: boom 1s 1; } @keyframes ...
分类:
其他好文 时间:
2017-08-20 00:40:20
阅读次数:
180
1. animation结束后停在最后一帧 ...
分类:
其他好文 时间:
2017-08-19 23:43:00
阅读次数:
145
简单讲一讲CSS3的动画属性,transition,transform和animation 一、transition 过渡 transition 是一个简写属性,可扩展为 1.transition-property属性,设置过渡效果的属性名称 值可为:none(没有属性有效果)|| all(所有属性 ...
分类:
Web程序 时间:
2017-08-19 18:28:17
阅读次数:
222