51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

有趣的css - 列表块加载动效
用 css 打造一个极简的列表块加载动效。
css
加载动画
动效设计
交互设计
用户体验
原创 精选
设计师工作日常
2024-08-25 14:13:20
379阅读
1点赞

ios加载动效
1. 缓动函数简介 (1) 缓动函数的动画效果是建立在 CALayer 层级的关键帧动画基础之上的； (2) 缓动函数是一系列模拟物理效果（如抛物线）方程式的统称，用以计算给定两点之间的插值(即两点间插入的关键帧)； (3) 两点之间插的值越多，效果越好，但是会耗费更多的性能; (4) 了解了缓动函数的原理对设计出自己想要的动画效果有很大帮助。常用的缓动函数种类如下图所示，可根据需求自行选
ios加载动效
IOS
动画设计
缓动函数
物理动画效果
转载
IT智行者
5月前
44阅读

CSS动效组件库VUE动效组件库nuxt动效组件库
在开发 Vue.js 或 Nuxt.js 项目时，使用 CSS 动效组件库可以快速实现丰富的动画效果。以下是几个常用的 CSS 动效组件库和 Vue/Nuxt 动效组件库：1. CSS 动效组件库这些库提供了丰富的 CSS 动画效果，可以直接在 Vue 或 Nuxt 项目中使用。Animate.css Animate.css 是一个非常流行的 CSS 动画库，提供了大量的预设动画效果，如 fade
Vue
css
CSS
原创
BeginMind
7月前
228阅读

Android加载完成动效
# Android加载完成动效 在移动应用开发中，加载动画是一个非常重要的部分。加载完成动效可以帮助用户了解应用正在进行一些操作，并增加用户体验。本文将介绍如何在Android应用中实现一个简单的加载完成动效，让你的应用更加吸引人。 ## 实现思路 要实现一个加载完成动效，我们可以使用Android的动画库来创建一个动画效果。在本例中，我们将使用属性动画来实现一个旋转动画。当加载完成时，一个
加载
动效
动画效果
原创
mob649e816347dd
2024-04-14 05:42:36
48阅读

Android 加载json动效
# Android 加载json动效实现流程 作为一名经验丰富的开发者，我将向你介绍如何在Android中实现加载json动效的方法。首先，我们需要明确整个实现的流程，并通过以下表格展示每个步骤需要做什么。 | 步骤 | 描述 | | ---- | ---- | | 步骤1 | 设置网络权限 | | 步骤2 | 创建一个AsyncTask类 | | 步骤3 | 在AsyncTask中获取jso
json数据
json
Android
原创
mob64ca12f062df
2023-12-17 04:32:25
141阅读

css 动效demo css动画制作
大部分的c s s样式动画制作都是有类似的制作流程，总结了一套简单的c s s样式制作流程。方便以后需要写动画时有一定的思路第一步：设计动画CSS 动画样式的制作，首先需要明确动画的设计。想要什么样的动画效果？需要何种元素动画？需要何种时间间隔？需要何种过渡效果？明确以上问题，设计出想要的动画效果，然后开始编写 CSS 样式。第二步：选择元素在 HTML 中使用 CSS 动画样式需要选择元素和确定
css 动效demo
css
css3
html
CSS
转载
编程艺术之光
2024-03-27 08:38:49
129阅读

css动画gpu加速 css动效
理解：transition 过渡transform 变换animation 动画 一、transition1.理解　　过渡，用于平滑的改变CSS值，举个例子：change{ 　　width:100px; 　　height:100px; 　　background:yellow; 　　transition:background 10s; } change:hover{ 　　backgroun
css动画gpu加速
css
缩放
动画效果
转载
mob64ca141677f9
2024-06-20 18:14:54
48阅读

jquery 翻页 图片懒加载 css图片翻页动效
CSS动画非常的有趣；这种技术的美就在于，通过使用很多简单的属性，你能创建出漂亮的消隐效果。其中代表性的一种就是CSS图片翻转效果，能让你看到一张卡片的正反两面上的内容。本文就是要用最简单的方法向大家介绍如何创建这种效果。网上有很多其它的教材，但里面添加了很多多余的代码样式，需要读者去分清哪些是必要的，那些是无用的；本文避免了这些问题，只列出了必要的CSS代码，你可以在其上添加自己喜欢的风格来美化
jquery 翻页 图片懒加载
拐道交叉的css3动画
CSS
视频直播
IPV6
转载
autohost
2024-01-26 09:24:46
21阅读

css 文字动效 兼容IOS
# CSS 文字动效兼容iOS 随着前端技术的不断发展，CSS 动效越来越受到开发者的青睐。它不仅使得网站更具视觉吸引力，还能增强用户体验。然而，如何确保这些动效在不同平台上都能正常显示，尤其是 iOS 设备，成为了前端开发者需要考虑的重要问题。本文将深入探讨 CSS 文字动效的实现，特别是如何确保其兼容 iOS，并附带相应的代码示例。 ## CSS 动效的基本概念 CSS 动效是通过 CS
动效
CSS
iOS
原创
mob64ca12ea8117
2024-09-16 04:56:33
61阅读

svg+css圆环动效
使用 svg + css 制作圆环loading动效 <svg class="load" viewBox="25 25 50 50"> <circle class="loading" cx="50" cy ...
css
旋转动画
动效
html
转载
mob604756e605af
2021-08-28 11:48:00
874阅读
2评论

java 实现加载中动效
# Java 实现加载中动效的完整指南 在现代应用中，加载中动效是提升用户体验的重要组成部分。本文将指导你如何在 Java 中实现一个简单的加载中动效。整个过程包括设计、编码和测试，下面是整个实现流程的概述。 ## 实现流程概述 | 步骤 | 描述 | |------|------| | 1 | 设计加载动效 | | 2 | 创建 Java 应用程序 | | 3 | 编写加
加载
动效
Java
原创
mob64ca12d36217
11月前
55阅读

Android加载完成打钩动效
# 实现Android加载完成打钩动效教程 ## 1. 整体流程 首先，我们来看一下实现Android加载完成打钩动效的整体流程： | 步骤 | 操作 | | ---- | ---- | | 1 | 创建一个自定义View来实现动画效果 | | 2 | 实现动画的绘制 | | 3 | 在Activity中使用自定义View | | 4 | 启动动画 | ## 2. 每一步操作 ### 步
自定义
启动动画
java
原创
mob649e8163af7d
2024-03-29 03:53:38
243阅读

ProgressBar动效 app 动效
　　随着动态沉浸式体验的广泛普及，丰富而细腻的APP动效是考察UI设计师专业技能的因素之一。很多UI新手想知道APP动效设计需要遵守哪些原则，以下小编就给大家介绍一下。　　1、具备个性化的动效设计。　　这是动效设计最重要的原则之一，任何动效或动画都应该追求个性化，通过个性化盘活界面设计元素。应用不应该具有死板、机械的转换动效，应用的动效应该让用户感受到愉悦和优雅。　　2、具备导向功能　　动效设计的
ProgressBar动效
动效
UI
用户交互
转载
mob64ca140088a9
2024-03-30 09:41:55
81阅读

jQuery css文字逐字出现动效
在前端开发中，jQuery 是一个强大的工具，尤其在实现动态视觉效果时非常有用。今天，我将分享如何使用 jQuery 和 CSS 实现一个文字逐字出现的动效。这个过程将涵盖环境准备、集成步骤、配置详解、实战应用、性能优化和生态扩展等方面。 ### 环境准备 在开始之前，我们需要确保我们的开发环境是兼容的。我们将使用 HTML、CSS 和 jQuery，适用于大多数现代浏览器。 以下是我制作的
jQuery
CSS
HTML
原创
mob64ca12e58adb
6月前
82阅读

有趣的css - 边框动效按钮
交互感比较强的一个动效按钮。
动效设计
交互设计
ux/ui
动效按钮
css
原创 精选
设计师工作日常
2024-08-14 14:37:33
573阅读

使用animate.css增加动效
给网页增加一些动效会使得网页更加地生动。 animate.css封装了一个动画库，可直接使用封装好的动画效果。 其链接为：https://daneden.github.io/animate.css/ 我们可以选择动效，查看效果。 使用方式为：引用animate.css，在需要使用动效的元素加上类an
CSS
3d
css
动效
原创
罗毅豪的博客
2022-09-29 15:50:44
930阅读

用css3动画做一个加载动效
<!-- 加载动效 --> <div id="myloader"> <div class="loader"> <div class="grid"> <div class="cube cube1"></div> <div class="cube cube2"></div> <div class="cu Read More
3d
4s
动效
加载
css
转载
mob60475704c528
2020-04-27 10:13:00
183阅读
2评论

lua 动效 动效设计软件
阿里作为中国互联网企业的标杆，不仅一直在为广大人民群众提供快捷便利的服务。也不断引领行业，在各个专业领域，给专业人员提供了优质的工具与服务。对设计师而言，无论是每年一度的 UCAN大会，还是 Kitchen、语雀、Ant Design 等设计开发工具，都给广大设计师带来很大的便利。而最近，阿里又推出了一款基于 Lottie 的动效设计平台 ── 犸良。能够快速生成设计师想要的动态效果，并交付给开发
lua 动效
动效
模版
应用场景
转载
编程小匠人传奇
2024-05-07 10:44:58
169阅读

Android 动效引擎 安卓动效
Lottie前言动画是我们日常开发中必不可少的一个要点，比如某个场景要实现打勾的效果，一开始你的设想可能是这样子的： 用代码实现起来可能还好，绘制圆圈，一段圆弧圆周运动，绘制一个打勾路径，结合动画实现，美滋滋。但是等到设计师出图的那一天，是这样的： 看了效果图，内心有一句话不知道当不当讲 但是不要慌，你能不能想到竟然有这么一个库，可以让设计师"帮你实现动画效果"！没错，它就是
Android 动效引擎
android 动画效果
json动画
layui导入 加载动画
android
转载
梦想启航吧
2023-10-13 21:12:52
267阅读

android load动效 安卓动效
简介前段时间由于产品的”神奇”(qi pa)需求，需要能下拉刷新放大，上划折叠，而且下半部分还是一个Tab+Viewpager布局。类似新浪微博的个人中心，但他的也不能下拉放大背景图，百度良久，发现有个别案例相似，比如appbarlayout-spring-behavior，作者的源码似乎是深入阅读了Framework层AppBarLayout的Behavior了，但是我做demo时，发现在fra
android load动效
android金币动效
ci
ide
回弹
转载
岁月如歌甚好
2024-06-03 17:49:40
113阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Android动效loading android动效开发

css 巧用 ::after 实现 tab 切换动效

有趣的css - 圆形渐变光晕动效

ios css3动效不生效

数据可视化css动效库

svg+css3 实现tabbar 动效

超精美渐变色动态背景完整示例【CSS动效实战（纯CSS与JS动效）】

Android 骨架加载动效 android加载gif图片框架

ios的加载动效什么样子

Blender动效

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯