前端笔记6

图片的修复

代码：

效果：

image.png

条件

代码：

属性

代码：

选择符

代码：

过渡动画

代码：

圆角、阴影、透明度

代码：





 





床前明月光
床前明月光

效果：

image.png

运动曲线

代码：








linear
ease
ease-in
ease-out
ease-in-out
bezier

效果：

image.png

图片文字遮罩

代码：









    
    

        
图片说明：这是一朵玫瑰花图片说明：这是一朵玫瑰花图片说明：这是一朵玫瑰花图片说明：这是一朵玫瑰花
    

效果：

image.png

变形

代码：

效果：

image.png

元素旋转

代码：

效果：

image.png

变形中心点

代码：

效果：

image.png

背面可见

代码：









    
div元素

效果：

image.png

图片背面

代码：









    

        
    
    
玫瑰花的文字说明

图片翻面

代码：









    

        
    
    
玫瑰花的文字说明

效果：

image.png

image.png

animation动画

代码：

效果：

image.png

人走路动画

代码：









    

效果：

image.png

多帧动画

代码：

效果：

image.png

loading动画

代码：









    

    

    

    

    

    
loading...

效果：

image.png

浏览器前缀

代码：