字体属性：
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阅读
使用自己需要的字体在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：实例 使用粗体字体您必须为粗体文本添加另一个包含描述...
原创
2021-07-30 14:53:01
200阅读
css代码*{ padding:0; margin: 0;}html{ background:linear-gradient(#032861 0%,#000000 80%); height: 100%; width: 100%; overflow: hidden;}/*满天星*/.wall{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: h.
原创
2021-08-07 09:54:15
271阅读
css代码*{ padding:0; margin: 0;}html{ background:linear-gradient(#032861 0%,#000000 80%); height: 100%; width: 100%; overflow: hidden;}/*满天星*/.wall{
原创
2022-03-01 10:23:15
306阅读
在线演示 本地下载
转载
2018-12-06 21:28:00
318阅读
2评论
CSS3动画特效——transform详解 还可以和过渡属性（Transition）连用 transition&transform,CSS中过度和变形的设置
前置属性：
transform-origin更改一个元素变形的原点transform-style：设置元素的子元素是位于 3D 空间中还是平面中
flat：平面，如果选择平面即此值，元素的子元素将不会有 3D 的遮挡关系
转载
2021-08-18 13:54:56
1432阅读
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3火焰燃烧
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3雷达扫描
PX为单位 在Web页面初期制作中，我们都是使用“px”来设置我们的文本，因为他比较精确和固定。 只要页面某元素设置了px字体大小，其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素高的话，该子元素/子孙元素会继承其父元素的px字体大小设置 。 这种方法存在一个问题：当用户在浏览器
转载
2019-07-18 00:44:00
230阅读
2评论
14款震撼人心的HTML5文字特效
HTML5文字特效，这些文字特效有超酷的动画类型，也有清新的3D类型，不多说，一起来看看。 1、CSS3五彩文字特效 文字带阴影效果 这是一款非常具有卡通形象的CSS3五彩文字特效，虽然没有迷人的动画效果，但是五彩缤纷的文字展现在屏幕上也是非常酷的，再加上每一个文字都有不同角度的阴影效果，加上漂亮的英文字体，让整一个文字特效显得非常出色迷人，大家可以在宣
插件简介还记得不久前给大家分享过的一个HTML5骏马奔跑动画吧，在动画中很好地模拟了骏马奔跑的细节，非常逼真。这次我们分享的也是一个纯CSS3骏马奔腾动画特效，它与前面一个相比，增加了奔跑时尘土飞扬的效果，同时当你点击骏马后，会出现实现该动画的细节分析图。插件预览插件下载在线演示链接：https://www.html5tricks.com/demo/pure-css3-horse-run/inde
原创
2021-01-17 17:12:27
1143阅读
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阅读
插件简介我们可以利用CSS3技术在网页上绘制任何东西，并且可以制作一些简单的动画。这次分享了一个用CSS3实现的摩天轮动画特效，主要是用到了CSS3动画的transform:rotate属性。摩天轮上悬挂着几个座位，几个小朋友坐在里面，摩天轮不断地旋转着，摩天轮中的座位也会不停地晃动，动画效果非常逼真。插件预览插件下载在线演示链接：https://www.html5tricks.com/demo/
原创
2021-01-17 17:20:49
1403阅读
体验效果：://hovertree.com/texiao/jquery/62/效果图： 下载：://hovertree.com/h/bjaf/1dvh9ym6.htm 特效库：://..com/roucheng/p/texiao.html
转载
2016-04-28 20:24:00
265阅读
2评论
在线演示 本地下载
转载
2018-12-05 15:42:00
174阅读
2评论
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评论
