字体属性：
Font-family: {font-family: name}
{font-family: cursive| fantasy | monospace | serif | sans-serif}
Font-size: {font-size: 数值 | inhe
转载
精选
2012-11-07 12:49:14
676阅读
通过设置不同圆圈之间的延迟参数来实现，我们一起来看看 上代码 .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评论
使用自己需要的字体在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：实例 使用粗体字体您必须为粗体文本添加另一个包含描述...
原创
2021-07-30 14:53:01
200阅读
这是只用了一个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
100阅读
PX为单位 在Web页面初期制作中，我们都是使用“px”来设置我们的文本，因为他比较精确和固定。 只要页面某元素设置了px字体大小，其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素高的话，该子元素/子孙元素会继承其父元素的px字体大小设置 。 这种方法存在一个问题：当用户在浏览器
转载
2019-07-18 00:44:00
230阅读
2评论
W3C CSS工作组刚发布了CSS3两个工作草案规范的更新。 第一个更新在3月11日发布
原创
2022-01-05 17:22:16
80阅读
一、CSS3 动画简介二、CSS3 动画实现步骤三、动画定义四、代码示例
原创
2023-08-13 00:20:44
3417阅读
keyframes 有兼容性 -webkit- -moz- -0- -ms-要定义属性名称 名称结合过渡一起使用 过渡完成时间(S) 缓冲描述 (linear 匀速&nb
转载
2024-03-25 18:24:14
1495阅读
在前端开发中，使用 jQuery 制作上下弹跳动画是一个非常有趣且常见的需求。这样的动画效果不仅能提升用户体验，还能吸引用户的注意力。接下来，我们将一起探讨如何实现这个效果，从背景描述到源码分析，再到性能优化，最后进行案例分析。
在实现之前，我们可以参考以下的流程图，以更好地理解动画的实施步骤。
```mermaid
flowchart TD
A[开始] --> B[选择目标元素]
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
CSS3 @font-face 规则在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在 CSS3 @font-face 规则中定义的。浏览器支持属性浏览器支持@font-faceFirefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。Internet Explor
转载
2014-03-02 15:19:00
337阅读
2评论
[CSS3 字体CSS3 @font-face 规则使用以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。
使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。
当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。
您所选择的字体在新的 CSS3 版本有关于 @font-face 规则描述。
您"自己的"的字体是在 CSS3 @font
转载
2020-07-07 22:00:00
300阅读
2评论
1、使用动画：2步 1、创建动画 创建关键帧：当前元素的几个关键状态，当设置好关键帧后，动画就可以将几个关键帧连起来播放，并且使用过度的效果 语法：@keyframes 动画名称{ 0%{ css属性名:css属性值; ... } 50%{ css属性名:css属性值; ... } 100%{ cs ...
转载
2021-08-16 13:20:00
1062阅读
2评论
CSS3 动画 一、CSS3 动画 CSS3，我们可以创建动画，它可以取代许多网页动画图像，Flash动画，和JAVAScripts。 二、CSS3 @keyframes 规则 要创建CSS3动画，你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规
转载
2018-07-24 09:51:00
682阅读
2评论
matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。translate(x,y) 定义 2D 转换，沿着 X 和 Y 轴移动元素。translateX(n) 定义 2D 转换，沿着 X 轴移动元素。translateY(n) 定义 2D 转换，沿着 Y 轴移动元素。scale
转载
2016-05-01 12:49:00
316阅读
2评论
css3动画：让小鱼摇起来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .fis
原创
2022-11-18 00:04:37
571阅读
1.transition transition直译为过渡，是一个简写属性，用于设置四个过渡属性 transition-property 规定应用过渡属性的css属性名称。例：opacity transition-duration 规定完整过渡所需要花费的时间，以秒或毫秒记。例：3s transiti ...
转载
2021-08-06 09:28:00
622阅读
CSS3动画通过CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash动画以及Javascript。CSS3 @keyframes规则如果在CSS3中创建动画，你需要学习@keyframes规则。@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创...
转载
2014-03-02 22:12:00
920阅读
2评论
旋转3d 相册 3d透视 实时水平垂直居中！！！ transform-style: peserve-3d ul li {width:200px ; height:200px; background: rgba(255,121, 253, 0.5); position:absolute; left:0
转载
2017-06-28 20:39:00
299阅读
2评论
