备案控制台
开发者社区 云计算 文章 正文

vite项目Logo图标的旋转

2024-05-16 19
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vite项目Logo图标的旋转 
 
@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 
@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(1) .logo {
    animation: logo-spin infinite 20s linear;
  }
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}

向画
目录
相关文章
我是阿辉·
|
19天前
Elementui-Image组件，单个图片点击放大展示
Elementui-Image组件，单个图片点击放大展示
我是阿辉·
17 2
极客李华
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
JS制作跟随鼠标移动的图片
JS制作跟随鼠标移动的图片
极客李华
30 0
JYeontu
|
7月前
|
JavaScript 前端开发 UED
vue实现一个鼠标滑动预览视频封面组件（精灵图版本）
vue实现一个鼠标滑动预览视频封面组件（精灵图版本）
JYeontu
140 0
凯小默
|
JavaScript
vue里怎么生成带有图标logo的二维码？
vue里怎么生成带有图标logo的二维码？
凯小默
304 0
vue里怎么生成带有图标logo的二维码？
刘悦的技术博客
|
前端开发 JavaScript
一颗红心,三手准备,分别基于图片(img)/SCSS(样式)/SVG动画实现动态拉轰的点赞按钮特效
华丽炫酷的动画特效总能够让人心旷神怡，不能自已。艳羡之余，如果还能够探究其华丽外表下的实现逻辑，那就是百尺竿头，更上一步了。本次我们使用图片、SCSS样式以及SVG图片动画来实现“点赞”按钮的动画特效，并比较不同之处。
刘悦的技术博客
117 0
一颗红心,三手准备,分别基于图片(img)/SCSS(样式)/SVG动画实现动态拉轰的点赞按钮特效
爱死亡机器人
|
区块链
gitbook 插件 图标与LOGO
gitbook 插件 图标与LOGO
爱死亡机器人
352 1
gitbook 插件 图标与LOGO
chokcoco
|
前端开发 容器
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
chokcoco
328 0
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
必学必会
|
Web App开发 前端开发 JavaScript
用SVG 制作 Sprites的图标系统（一）
我一直是图标字体的大力支持者。很多网站真的需要一个图标系统，图标字体提供了一个该死的精细系统。但是，我认为假设你对 IE 9+ 很好，使用内联 SVG 并且 <use> 引用图标的元素是一个优秀的系统。
必学必会
235 0
用SVG 制作 Sprites的图标系统（一）
咖啡机（K.F.J）
|
前端开发
用CSS制作带图标的按钮
这是一个搜索按钮，带了一个搜索的小图标。写的CSS在IE6和IE7中的兼容性不是很好。四边的圆角使用了CSS3的属性。
咖啡机（K.F.J）
359 0
用CSS制作带图标的按钮
晚来南风晚相识
|
JavaScript
vue实现点击图标，图标在2s中完成旋转
vue实现点击图标，图标在2s中完成旋转
晚来南风晚相识
485 0