效果图

各位长友，大家上午好！

今天给各位带来的是 CSS3 圆形星点旋转大小变换动画特效源码

十分简单且炫酷的一个特效！

大家可以按照自己的意愿 修改成喜欢的样子！

CSS3简洁炫酷旋转菜单menu效果

鼠标经过一级菜单后，二级菜单会展开，然后逆时针旋转180°然后再返回原位置。

实现代码：

html结构：

css：

大家好今天跟大家分享的是纯CSS实现旋转太极图的方法，首先我们来看下效果：

接下来我们来看一下它的实现过程：

一、构建HTML：

HTML

二、CSS样式设置：

1、基本样式格式化

实例

旋转 div 元素：

div

{

transform:rotate(7deg);

-ms-transform:rotate(7deg); /* IE 9 */

-webkit-transform:rotate(7deg); /* Safari and Chrome */

点击右上方红色按钮关注“web秀”，让你真正秀起来

前言

说起CSS3动画，就必须说说 transform，translate，transition，animation这4个属性，transform主要定义元素的动作，比如旋转、倾斜、位移等，translate是transform里面的属性，用于2D/3D位移。后2个主要对动作进行描述，动画时间、速度曲线、次数等。