框架集动画实现

frameset 添加框架集里面可以添加多个网页框架通过frame src属性完成添加

frameset rows纵分 cols列分

修复ie6png图片的效果：

 

过渡动画：

transition：过度的时间 过度的属性 过度的运动方式

运动的方式：

linear 匀速

ease 开始和结束慢速

ease-in 开始是慢速

ease-out 结束时慢速

ease-in-out 开始和结束时慢速

圆度和阴影和透明度：

设置某一个角的圆角，比如设置左上角的圆角：

border-top-left-radius:30px 60px;

同时分别设置四个角： border-radius:30px 60px 120px 150px;

设置四个圆角相同：

border-radius:50%;

阴影：

box-shadow：跟属性

box-shadow:10px 10px 5px 2px pink;

rgba：新的颜色表示法

盒子透明度表示法：opacity:0.1;filter:alpha(opacity=10)（兼容IE）;

rgba(0,0,0,0.1) 前三个数值表示颜色，第四个数值表示颜色的透明度

改变元素位置：

transform：translate（50px,50px）

改变盒子位置，不会影响文档流

transform：rotate（30deg）；旋转

transform：scale (0.5,0.2)缩放

transform：skew (0,45deg)斜切

图片文字的遮罩：

通过overflow：hidden 隐藏文字

二级菜单：

给元素设置样式，通过鼠标触摸和默认样式设置隐藏效果

这时我们使用display设置为none属性完成样式的隐藏，当鼠标移动到图片或者文字上让他显示出来

让下拉菜单显示到固定的位置时，应该定义一个大的盒子开启定位

因为图片和文字是一体的关系，当鼠标移动到图片或者文字上时内容并不会消失