驼峰命名法
小驼峰命名法：除第一个单词外，其他单词首字母大写，如helloWorld，变量HelloWorld第一个单词是全部小写，后面的单词首字母大写，常用于函数名
大驼峰命名法：第一个单词大写，后面的单词首字母大写，比如HelloWord
下划线命名法：两个单词之间添加下划线_，如xiao_ming
简易动画特效：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#box{
width: 475px;
height: 308px;
margin: 100px auto 0;
overflow: hidden;
}
#box>img{
width: 100%;
height: 100%;
transition: all .5s;
}
#box>img:hover{
transform: scale(1.02);
}
/*1.只有开始和结束两帧*/
/*2.必须有hover这种触发条件*/
</style>
</head>
<body>
<div id="box">
<img src="http://cms-bucket.ws.126.net/2021/1109/7b1dda4ej00r2aacp003oc000d7008sc.jpg" alt="">
</div>
</body>
</html>
animation的应用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
@keyframes zhuan {
/*from{transform: rotate(0);}*/
/*3%{transform: rotate(180deg)}*/
/*to{transform: rotate(360deg);}*/
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
#box{
width: 300px;
height: 300px;
background: red;
margin: 100px auto 0;
animation: zhuan 0.5s linear 2s infinite;
}
</style>
</head>
<body>
<div id="box">奥利给</div>
</body>
</html>
Animation(动画)有两种分类：补间动画(Tween)和帧动画(Frame)
补间动画主要有以下几种：
旋转(RotateAnimation)
平移(TranslateAnimation)
拉伸(ScaleAnimation)
透明度(AlphaAnimation)
实现的方式：
1.实例相应的动画对象
2.加载资源中的动画文件
动画的属性
duration：动画持续的时间
filiAfter:为true保持结束时的状态，为false变回最初的状态
repeatCount：重复的次数(不包括第一次)
startOffset:距离动画开始的时间
repeatMode：1表示重新开始，2表示从最后一个状态往回逆序播放
帧动画：
实现方法
1.实例AnimationDrawable
2.在drawable新建类型为animation-list的xml文件，然后加载该文件