代码示例：.scroll{ position:absolute; animation:1s arrow infinite ease;}@keyframes arrow
原创
2023-03-05 10:25:22
215阅读
通过设置不同圆圈之间的延迟参数来实现，我们一起来看看 上代码 .up_down_circle{ width: 500px; height: 300px; background: linear-gradient(rgb(140, 0, 255),rgb(255, 217, 0)); margin: 0 ...
转载
2021-10-21 15:38:00
239阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
原创
2020-03-16 20:58:27
214阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
原创
2020-03-16 20:58:27
152阅读
这是只用了一个div来做的小动画，纯粹利用CSS3的animation来完成，就像是一个正方形在地上弹跳，碰到地面的时候尖角还会压缩变圆，阴影的部分也会随着正方形升高而缩小，至于到底该怎么完成呢？让我们继续看下去。利用伪元素 由于只使用了一个div，要同时达到正方形旋转与阴影缩放的效果，这里必须使用两个伪元素（before与after）来完成，严格来说，虽然只有一个div，但是却是把这个di
原创
2022-10-21 18:00:59
305阅读
基础准备对于这个实现，我们需要一个简单的 div ，并且样式类名为 ball ：HTML 代码:<div class="ball"></div>我们将使用 Flexbox 布局，把球放到页面中间，尺寸为 100px * 100px，背景色为橘黄色。CSS 代码:body {
display: flex; /* 使用Flex布局 */
justify
转载
2023-12-06 15:42:19
104阅读
-webkit-text-stroke: 1px #101010; color: transparent; ...
转载
2021-10-29 17:04:00
1273阅读
2评论
转自:http://www.cnblogs.com/wangyongx/p/5022529.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht
转载
2021-05-25 15:18:55
766阅读
# CSS翻转引起iOS页面跳动的解析与解决方案
在前端开发中，CSS动画为我们提供了丰富的用户体验，然而在某些场景下，尤其是在iOS设备上，这些效果可能会引起页面的跳动，影响视觉流畅性。本文将探讨这一现象的成因，并提供相应的解决方案，帮助开发者优化页面体验。
## 什么是CSS翻转？
CSS翻转通常指通过 `transform` 属性实现的2D或3D效果。当我们为一个元素应用 `trans
原创
2024-09-25 07:40:49
39阅读
来一张效果图图中的三角形会一直上下跳动 .arrow { position: absolute; bott
原创
2022-07-06 16:29:13
2296阅读
<style type="text/css"> *{ margin:0; padding:0; list-style:none; } .nav{ max-width:960px; overflow:hidden; margin:0 auto; border:5px solid #F60;
原创
2015-04-26 23:10:35
834阅读
css动画与样式叠加的应用造型来源：正方形加两个圆编写csscss样式的内外边框调整为0正方形css圆的css样式（伪类）小圆1号（伪
原创
2023-12-05 10:19:24
61阅读
给大家分享一个用CSS 实现的音阶加载中的动画，效果如下：以下是代码实现，欢迎
原创
2023-03-23 00:33:06
94阅读
<p class="shadow">人生之路应该如何走？</p> <p class="shadow2">人生之路应该如何走？</p> <p class="shadow3">人生之路应该如何走？</p> <p class="shadow4">人生之路应该如何走？</p> <p class="shado ...
转载
2021-09-16 17:24:00
286阅读
2评论
CSS 加粗知识与CSS 加粗实例 DIV+CSS基础知识 CSS 加粗这里指的是通过DIV CSS控制对象的加粗。 使用CSS属性单词 font-weight 对象值：从100到900，最常用font-weight的值为bold font-weight参数： normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置 bold : 粗体。相当于numbe
转载
2023-06-08 13:31:44
136阅读
实战教程全栈技术精选好文注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 CSS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。文章内容为拿到 ...
转载
2022-01-14 10:00:51
367阅读
在Android设备上使用CSS（层叠样式表）时，常常会遇到字重设置不生效的问题。这个问题主要涉及到字体的渲染和使用的字体资源之间的兼容性，下面我们将深入探讨这个问题，并提供解决方案。
### 问题背景
在移动设备开发中，Android是一个非常流行的操作系统，而CSS则是前端开发中不可或缺的技术之一。理想情况下，使用CSS来设置不同的字重（如normal、bold等）应该能在所有设备上完美呈现
在开发 iOS 应用时，时常会遇到 CSS 字重（font-weight）在不同设备上效果显得不尽如人意的问题。这种情况尤其在使用 `@font-face` 引入自定义字体时，更容易出现字重失效的现象。在这篇博文中，我们将深入探讨这个问题，帮助你快速找到解决方案。
### 问题背景
在实际开发中，我们常常需要为 iOS 应用选择合适的字体来提升用户体验。但由于 iOS 系统的字体加载机制和对
