css标签_NVIDIA AI 技术专区

css

CSS animation 关键帧动画

CSS动画（Animation）是CSS3的强大功能，通过@keyframes定义关键帧实现元素样式过渡。核心属性包括animation-name、duration、timing-function等，可控制动画方向、循环次数和状态。建议使用transform和opacity提升性能，避免触发重排。典型应用场景包括加载动画、按钮反馈、菜单滑入、卡片入场和错误提示等，通过合理设置动画属性和延迟实现流畅

 风茫
2025-08-27 00:16:36

 2353

 3

#css #前端
河豚随心记（九）uniapp微信小程序引入animate动画库后动画不生效

微信小程序使用animate不生效

 小王鱼河豚
2025-04-28 10:33:55

 424

 6

#uni-app #微信小程序 #小程序 +1
requestAnimationFrame：实现流畅动画的底层利器

回调在渲染帧执行前触发可以避免“提前或滞后”的更新浏览器有权决定帧率（例如电池优化）页面滚动吸顶动画canvas 或 SVG 的动画渲染图片或图表的平滑更新滚动监听节流（代替 throttle）游戏帧控制循环。

Jokerator
2025-07-03 12:26:52

 967

 25

#css #javascript
小鹏汽车自动驾驶内推（社招+校招）

热招岗位内推：社招：视觉感知算法（北京）、路径规划算法（广州）、运动控制算法（广州）、传感器融合算法（广州）、系统开发（广州）校招：HD map（上海）、图像、规划、运动控制、传感器融合...

我爱计算机视觉
2020-08-08 22:15:56

 2254

#html #css #git
gpupdate >nul_Windows Active Directory gpupdate命令教程更新和刷新组策略设置

gpupdate >nulWindows Active Directory or Windows AD uses gpupdatein order to update and refresh group policies of the computers in Active Directory Domain. This tool is automatically run at some i.

cunjiu9486
2020-10-07 01:28:12

 1250

#java #python #css +2
在vue中使用animate.css

以前的使用方法改了，还是看了文档才知道怎么用官网链接当然vue有支持的动画，可自行翻越官网这是在vue-cli项目中直接下载依赖，现在应该没有直接创建一个html文件的吧控制台：npm install animate.css --savemain.js中：import animated from 'animate.css'…Vue.use(animated)<template><

Wether or not
2021-11-23 14:04:50

 746

#vue.js #javascript #css
animate.css使用_使用Animate.css升级您的网站

animate.css使用Cool animations and clever microinteractions are all the rage right now. However, most developers know how long and tedious it can be to constantly write and rewrite CSS animations. It ca

culiu9261
2020-07-20 19:34:15

 1682

 1

#java #css #html +2
CSS——css3 animation 动画实现元素从右向左循环滚动

CSS——css3 animation 动画实现元素从右向左循环滚动

 dbt@12138
2024-04-05 14:46:33

 1360

 3

#css #前端
vue中使用animate.css；animate.css不生效

第一步：安装：npm install animate.css --save第二步：引入及使用：// main.js中：import animated from 'animate.css' // npm install animate.css --save安装，在引入Vue.use(animated)使用：<div class="animate__animated animate__bounc

前端小王子
2021-08-11 11:56:53

 2217

 2

#css
CSS 动画 -- Animation

CSS动画

 乌秋
2024-03-08 16:33:56

 2189

 11

#html5 #css
在vue中使用 animate.css 和 wowjs 注意事项

4、如果 wowjs在vue项目中使用有个奇葩的现象，就是只有网页第一屏的动画可以显示，鼠标往下滚动不仅动画没出来，就连原来的html元素也没有显示出来成了一片空白。1、在node_modules/wowjs/dist/wowjs.js这个源文件里。3、使用页面 .vue 中添加类名和 mounted 写入方法。2、main.js 引用。

筱歌儿
2023-09-19 14:00:42

 435

#vue.js #css #前端
关于使用animate与position：fixed冲突的问题解决

一，问题描述在使用animate之后使用position：fixed；fixed定位的元素会变得能够滚动了，不再一直悬浮在固定位置二，解决方法。2.1：是否使用animate的元素有增大旋转等动作，如果有是否因为这些动作而改变了父级元素的宽高，如果改变了body的宽高，fixed就会重新计算，会造成影响。2.2：使用animate的时候特别是元素旋转，需要注意不要让元素为长方形，应该尽量做成正方形

 前端小问题
2020-09-07 19:22:23

 1644

#css3 #css #html5
CSS animation 动画

css animation相关属性

 一念花开fyg
2025-04-27 17:15:27

 1128

 29

#css #前端
使用animate.css不生效的解决方法

使用animate.css不生效的解决方法

 湛海不过深蓝
2022-12-16 10:10:02

 2031

 1

#css #javascript #前端
使用Animate.css让你你的网页添加眼前一亮的动画

默认情况下，动画只播放一次，持续1秒。/* 持续时间改为2秒 *//* 延迟1秒开始动画 *//* 设置无限次重复动画 */在HTML中，只需要给元素添加class.myElement。

sorryhc
2024-02-26 16:32:08

 3431

 24

#css #前端
css animation动画实现简易报警灯

【代码】css animation动画实现闪烁效果。

韩召华
2023-05-17 14:48:20

 739

#css #css3 #前端
关于css animation 需要重置(重复启动)的情况

关于css animation 需要重置(重复启动)的情况CSS animation基础设置就是只跑一次，如果需要一个特点的结束状态（比如说结束后在新的xy位置或者大小变化后不还原），那需要用的是transition 这篇文章不讨论这个但建议理解一下animation 和transition之间的区别。因为CSS animation的基础设置就是只跑一次，通过触发事件添加animation类到元

 聆听彼岸之花
2021-07-15 13:59:27

 2741

 1

#css #css3
css/774.0e323975.css from Css Minimizer plugin Error: Unexpected ‘/‘. Escaping special characters wi

css样式问题。

极端~
2024-05-21 10:19:06

 702

 3

#css #前端
公告、新闻列表-上下无限滚动（css+animation）

代码实现了一个无限循环滚动的列表效果。通过v-for指令将tipList数组循环渲染两次，并使用CSS动画让列表向上滚动。设置.content容器高度固定并隐藏溢出，.listBox使用绝对定位和scrollUp动画，在25秒内从0%滚动到-50%位置，形成无缝循环的视觉效果。关键点包括：双列表渲染保证内容连续、translateY(-50%)实现半屏滚动、infinite参数使动画无限循环。

SB52220
2025-06-17 10:26:19

 288

 3

#css #前端 #elementui
【前端动画】科技感扫描效果 css动画animation

参考了网友写的二维码扫描。

ppphhz
2023-07-20 15:31:45

 984

#前端 #科技 #css
transition过渡/transform变形/animation动画

1. CSS3CSS3是CSS的最新版本。width height background border 都属于 CSS2.1CSS3 会保留之前 CSS2.1的内容，只是添加了一些新的语法。CSS3 : border-radius:nth-of-type()background-size2. transition过渡transition-property:规定设置过渡...

咩有猫腻.
2020-03-08 21:47:57

 377

#css #css3 #html +1
CSS 动画 animation

CSS 动画 animation1、基本属性介绍动画（animation）：和过渡类似，都是可以实现一些动态的效果，不同的是过渡需要在某个属性发生变化时才可以触发，而动画效果则可以自动触发动态效果。设置动画效果必须先要设置一个关键帧，关键帧设置了动画执行的每一个步骤。关键帧设置的格式如下：<style>/* 定义动画关键帧，关键帧的名字为test */@keyframes test{/

周巴帝
2022-02-12 21:12:12

 6911

 3

#动画 #css #css3
WEB学习——css动画-animation各个属性详解

css动画-animation各个属性详解

 桃兀鹫
2025-06-17 21:00:21

 595

 6

#前端 #学习 #css +1
animate动画使用

文章目录增加动画效果animate.css1: 在你static/css新增animate.css动画文件02、使用03、程序使用增加动画效果animate.css1: 在你static/css新增animate.css动画文件官网下载地址：https://animate.style/下载地址：https://cdnjs.cloudflare.com/ajax/libs/animate.css/4

sunny_1100
2021-12-14 22:46:33

 3173

#动画 #css3 #css
uni-app引入Animate.css动画库

1.下载css文件下载地址. http://www.haorooms.com/uploads/example/Animatecss/我尝试用 npm install animate.css --save 尝试了之后，发现好像没用，后面直接下载Animate.css文件，放在项目中，可以正常使用2.在app.vue中引入@import url("./common/animate.css’");3.使

 一个菜鸡,
2021-09-18 13:12:04

 1130

 1

#css #动画 #vue.js
js动态改变动画(animation)状态

写的只是个demo而已,所以变量名怎么简单怎么来的<style>:root{--bytheway:100px;}.tt{}.ak{animation:ao 1s ease;}@keyframes ao{from{transform: translateX(0%);}to{transform: translateX(var(--bytheway));}}</style>&lt

贪睡的胖子
2020-06-20 01:11:45

 4241

 1

#javascript #css #jquery
CSS3，旋转rotate，动画animation

1.旋转rotate-- 可以让元素在2维平面顺时针或者逆时针旋转1.语法：transform:rotate(度数)2.重点：- 度数的单位是deg举个例子：rotate(45deg)- 角度为正，顺时针，为负，逆时针- 默认旋转的中心点是元素的中心点2.转换中心点transform-origin-- 设置元素转换的中心点1.语法：transform-orig...

代罔
2020-02-16 11:40:32

 3162

 1

#css #css3 #html
关于英伟达显卡驱动程序(GeForce)无法下载的问题

虽然无法通过官网下载，但是可以通过其他迅雷下载

 Future_ZNZJ
2022-01-23 23:27:11

 2.9w

 2

#css3 #前端 #css +1
性能强悍的CSS动画库--Animate.css

互联网圈子里有造“轮子”的说法，能用现成的就不要自己去捣鼓了，既省时又省力！今天介绍的就是一款性能强悍的CSS动画库（）的使用指导。1.基本功能< h1 class = "animate__animated animate__bounce animate__delay-2s animate__repeat-2" > 延时2s后，重复跳动 2 次动画效其中，为跳动效果；：延时x秒后使用动画，项目提供

 子龍同学
2022-12-23 23:02:10

 858

#css #javascript #前端
css动画animation属性详解

要使用animation属性，你还需要定义关键帧。关键帧使用@keyframes规则来定义。在这个例子中，关键帧定义了背景色从红色变为蓝色，然后再变为绿色的动画。通过结合使用animation属性和@keyframes规则，你可以创建出丰富多样的动画效果。

javaboyad2
2024-04-18 10:56:23

 2149

 6

#css #前端
Web前端入门第 44 问：CSS 循环动画 animation 效果演示

scroll-timeline 滚动条触发动画offset-path 让元素沿复杂路径运动CSS 动画在书写上比 JS 简单很多，也让前端的动画实现变得更容易，但一些涉及到用户交互的动画，还是必须让 JS 登场才行。CSS animation 与 transition 都能实现动画效果，transition 胜在单次属性过渡，而 animation 胜在可以指定关键帧实现更加复杂的动画场景。原创作

 瓦叔
2025-06-24 14:42:46

 150

#前端 #css
CSS 动画 Animate.css的使用及WOW.js插件

无限脉冲</div><div class="animate__animated animate__fadeIn animate__fast">快速淡入

 啦工作呢
2025-08-04 11:14:57

 1277

 5

#css
css动画之按钮放大缩小动态效果——animation

<button class="btn">点我</button>.btn {animation: scaleDrew 2.5s ease-in-out infinite;}@keyframes scaleDrew {/* 定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称 */0% {transform: scale(1);...

是我别出声
2019-10-09 19:12:36

 7864

 5

#css
CSS 动画多帧 animation 一闪一闪效果

透明 transparent;一闪一闪效果 HTML超链接有参考<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title

卋舉
2021-10-12 09:39:44

 1118

#css #动画 #html
解决：微信小程序使用createanimation无效

解决微信小程序上定义动画createanimation无效开发项目过程中，想要这样一个动画效果：写一个气泡，有动弹效果（类似呼吸，一直动），点击之后移动至消失。一开始我在气泡元素上面定义了一个动弹动画：下一步就要写点击事件之后的另一个移动至消失的动画了。//wxml<view id="pra-bubble" animation="{{animation}}" bindtap="onClick

旺仔萝卜
2021-05-25 18:59:43

 3497

#微信小程序 #css
CSS3 animation动画，循环间的延时执行该怎么弄

在使用css做一些小的动画时，有些动画我们是需要其循环播放的，而且在部分动画中我们需要上一个循环与下一个循环之间存在一定的时间间隔，这个时候的animation-delay和transition-delay 只会在第一次动画开始的时候生效，而在两个循环之间是不生效的，这时我们就需要用其他的方法来实现循环之间的时间间隔。方法：如下面的程序，我们可以把动画执行的总时间设置为4s，然后设置动画从75%开

 程love
2021-12-29 18:31:16

 4725

 3

#css3 #动画 #css
Web前端入门第 44 问：CSS 循环动画 animation 效果演示

scroll-timeline 滚动条触发动画offset-path 让元素沿复杂路径运动CSS 动画在书写上比 JS 简单很多，也让前端的动画实现变得更容易，但一些涉及到用户交互的动画，还是必须让 JS 登场才行。CSS animation 与 transition 都能实现动画效果，transition 胜在单次属性过渡，而 animation 胜在可以指定关键帧实现更加复杂的动画场景。原创作

 黄梓键
2025-06-18 15:57:10

 109

#前端 #css
二、animate.css动画插件

css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、旋转（rotateIn|rotateOut）、翻转（flip）、淡入淡出（fadeIn|fadeOut）等动画效果。1、过渡动画是需要触发条件的(hover事件或click事件等)，只能完成简单的动画。2、加统一的类名animated，然后选择自己想要的动画效果，然后复制粘贴。第一个animated是必须添加的样式

 前端继承者
2022-10-25 19:23:33

 2036

 1

#动画 #css #css3
css中Animation-timing-function速度曲线细节

css中Animation-timing-function速度曲线细节

 黄丫丫07
2022-11-29 10:31:56

 531

#css #动画 #前端
【前端分享】前端动画库大洗牌！Anime.js V4彻底告别“笨重”，Vue/React开发者集体高潮！

一、为什么Anime.js V4能让开发者尖叫？

♚ ₯㎕。Smile°537
2025-05-08 11:14:42

 1990

 15

#前端 #css
【湫】requestAnimationFrame基本用法

提到动画效果，很多人会想到transition、animation、canvas，亦或者用js实现动画效果那么requestanimationframe和他们有什么不一样的呢？transition：过渡，只能控制开始和结束时的动画效果，过程中间是无法干预的，transition并不能实现独立的动画，只能在某个标签元素样式或状态改变时进行平滑的动画效果过渡，而不是马上改变。animation：真正意

 湫夨兮
2022-06-28 15:45:08

 1204

#css3 #动画 #css
使用css animation动画做边框闪动效果

使用css animation动画做闪动效果在拖拽div节点时，给div节点添加diagramTop-item-click样式，使用css animation动画0.5秒执行一次。css样式.diagramTop-item {width: 102px;height: 32px;background-color: #0e141f;border: 1px solid #090d14;box-shado

IChenSY
2022-03-15 12:03:07

 3645

#css #动画 #css3
我的animate 动画失效了

目录我的动画没生效原因prefers-reduced-motionanimate.css reduce部分代码js监测开启动画减弱的作用各个系统开启了动画减弱功能参考文章原文链接我的动画没生效Animate.css 是我们常用的css动画，前几天打包完测试突然发现它失效了。一开始还以为是包打出了问题了，还调试了不少时间，把自己整懵逼了。当我回到它官网Animate.css想再看看是哪里除了问题时，

Xxx-Bin
2021-10-09 23:45:57

 3937

 5

#css
Animate.css+wow.js实现页面滚动到可视区显示动画效果

今天看迅雷官网https://www.xunlei.com/v2018/dist/aboutus.html实现的滚动到可视区域后显示动画，自己之前没做过这种，非常感兴趣，然后问小伙伴，大部分都没做过类似的，于是乎我只能自己查了第一想到的是swiper，之前写轮播图用过。https://www.swiper.com.cn/https://www.swiper.com.cn/usage/animate

百事可口
2021-11-01 16:37:37

 3692

 4

#css #动画
Animate.css的使用

1、安装Animate.css：npm i animate.css@4.1.1，这边使用的是4.1.1版本；3、配合vue的Transition或TransitionGroup使用；2、在main.js中引入import 'animate.css'；

a.yyds
2024-08-28 17:58:52

 1299

 3

#css #前端