vite项目Logo图标的旋转

简介: 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;
  }
}

目录
相关文章
|
1月前
|
JavaScript
js实现的精美彩色tab选项卡切换特效源码
js实现的精美彩色tab选项卡切换特效源码是一段基于JS实现的文件夹tab选项卡切换效果,拥有彩色、单色两种选择,点击标签选项卡可实现相应的变色效果,非常有意思,欢迎对此段代码感兴趣的朋友前来下载使用。
31 2
|
4月前
|
资源调度 JavaScript 前端开发
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
这篇文章介绍了在Vue 2项目中如何通过`v-viewer`插件实现图片的预览、切换、缩放、旋转等功能,并提供了插件的安装、配置和使用方法。
1381 0
Vue2项目使用v-viewer插件实现图片预览、切换、缩放、旋转...
|
5月前
直接使用阿里图标SVG图片
直接使用阿里图标SVG图片
127 0
直接使用阿里图标SVG图片
|
7月前
|
前端开发 JavaScript API
使用SVG构建你自己的图标库
使用SVG构建你自己的图标库
|
JavaScript 前端开发
js拖拽框选插件
js拖拽框选插件
69 0
|
JavaScript 前端开发 UED
vue实现一个鼠标滑动预览视频封面组件(精灵图版本)
vue实现一个鼠标滑动预览视频封面组件(精灵图版本)
293 0
echarts仪表盘更换样式全圆形换成半圆
echarts仪表盘更换样式全圆形换成半圆
139 0
|
区块链
gitbook 插件 图标与LOGO
gitbook 插件 图标与LOGO
gitbook 插件 图标与LOGO
|
图形学
PPT制作三大技巧:图标 、图片背景透明和自动函数
PPT制作三大技巧:图标 、图片背景透明和自动函数
300 0
PPT制作三大技巧:图标 、图片背景透明和自动函数
|
前端开发 容器
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
368 0
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能