设计一组按钮分别实现以下功能。
要求： 整个div宽度330px，上边距为25px，居中。
每一个按钮要求：
- 宽100px
- 高100px
- 背景颜色：#3498db
- 字体颜色：#ffffff
- 边框为2px的白色实线
- 上边距为10px
- 左边距为5px
悬浮状态时鼠标显示的是手的形状。
鼠标悬浮状态时，各个按钮的样式如下：
注意： 所有的效果都要有过渡动画
- 高亮：背景颜色为白色，字体颜色：#3498db。
- 淡出：字体颜色：#009999，透明度为0.5。
- 放大：字体颜色：#009999，边框颜色：#009999，透明度为0.5，通过2D转换，宽高都为原来的2倍。
- 聚焦：各边边框的宽度均为20px。
- 旋转：元素顺时针旋转90度。
- 展开：高度为10px。
- 收缩：通过2D转换，宽高都为原来的一半。
- 挤压：通过2D转换，宽为原来的1.5倍，高为原来的一半。
- 变形：通过2D转换，围绕x轴把元素翻转40度，围绕y轴翻转40度。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
