CSS简单交互

代码解释

1.CSS只有hover这一个简单交互，在鼠标移上去时，应用CSS样式，省略号里是CSS样式。（如果要做放大缩小、滑入滑出等要用到JS）
2.transition指定省略号里的CSS样式，以指定动画的形式展示

CSS简单交互示例

1.鼠标移入，变化图像

2.鼠标移入，变化文本颜色

设置颜色变化淡入淡出0.3秒，变化比较自然

3.鼠标移入，图片变灰

4.鼠标移入，图片放大

5.鼠标移入，增加图片投影

6.鼠标移入，增加一些元素变化

7.鼠标移入，进行3D转换