css3有哪些新特性?(包含哪些模块)

news/2024/6/2 12:14:24 标签: css3, css, 前端

css3>css3有哪些新特性?包含哪些模块?以下是整理的21个css3>css3新特性:

1.新增选择器

p:nth-child(n){color: rgba(255, 0, 0, 0.75)}

2.新增伪元素

::before 和 ::after

3.弹性盒模型

display: flex;

4.多列布局

column-count: 5;

5.媒体查询

@media (max-width: 480px) {.box: {column-count: 1;}}

6.个性化字体

@font-face{font-family: BorderWeb; src:url(BORDERW0.eot);}

7.颜色透明度

color: rgba(255, 0, 0, 0.75);

8.圆角

border-radius: 5px;

9.渐变

background:linear-gradient(red, green, blue);

10.阴影

box-shadow:3px 3px 3px rgba(0, 64, 128, 0.3);

11.倒影

box-reflect: below 2px;

12.文字装饰

text-stroke-color: red;

13.文字溢出

text-overflow:ellipsis;

14.背景效果

background-size: 100px 100px;

15.边框效果

border-image:url(bt_blue.png) 0 10;

16.旋转

transform: rotate(20deg);

17.倾斜

transform: skew(150deg, -10deg);

18.位移

transform: translate(20px, 20px);

19.缩放

transform: scale(.5);

20.平滑过渡

transition: all .3s ease-in .1s;

21.动画

@keyframes anim-1 {50% {border-radius: 50%;}} animation: anim-1 1s;


http://www.niftyadmin.cn/n/4973020.html

相关文章

阿里云误删Python后域yum报错解决方案

阿里云误删Python后域yum报错解决方案 1:找回所有依赖 这里依赖可能很多,也搞不清楚有哪些,建议买一台临时服务器,系统选择跟你当前的系统一致的,配置选最低就行 2:登录临时服务器,创建临时文件夹 mkdir /usr/local/yum-fix cd /usr/local/yum-fix3:查找并下载所有云依赖 r…

面试题 08.11. 硬币

题目 硬币。 给定数量不限的硬币,币值为25分、10分、5分和1分,编写代码计算n分有几种表示法。(结果可能会很大,你需要将结果模上1000000007) 示例1: 输入: n 5 输出:2 解释: 有两种方式可以凑成总金额: 55 511111 示例2: 输入…

Java 语言实现归并排序算法

【引言】 归并排序算法是一种高效且稳定的排序算法。它采用分治法的思想,将数组反复分割成两个子数组,直到每个子数组只有一个元素。然后将这些子数组逐个合并,最终得到排序完毕的数组。本文将使用Java语言实现归并排序算法,并详细…

leetcode分类刷题:矩阵顺时针模拟

1、这种题目是对代码熟练度考察,模拟顺时针建立或访问矩阵,需要注意矩阵是否为方阵 2、具体思路:以圈数为循环条件,每一圈都坚持左闭右开的区间规则;当小的行列值为奇数,最后一圈为一行或一列或一个数字的不…

消息中间件 介绍

MQ简介 MQ,Message queue,消息队列,就是指保存消息的一个容器。具体的定义这里就不类似于数据库、缓存等,用来保存数据的。当然,与数据库、缓存等产品比较,也有自己一些特点,具体的特点后文会做详细的介绍。 现在常用…

简单shell脚本的编写

文章目录 简单使用shell脚本参数判断整数的比较运算符字符串的比较运算shell脚本流程控制shell脚本循环for循环批量添加用户批量ping IP地址检测同一局域网,多台主机存活情况检测同一局域网,多台主机存活情况多线程检测主机存活情况 while循环case选择语…

Cookie for Mac:隐私保护工具保护您的在线隐私

随着互联网的发展,我们每天都会浏览各种网站,享受在线购物、社交娱乐和学习资料等各种便利。然而,您是否曾经遇到过需要频繁输入用户名和密码的情况?或者不方便访问您常用的网站?如果是这样,那么Cookie for…

Java类库中与Camera View框架相关的最佳实践指南

使用SimpleHttpServer框架进行Java类库的网络测试和调试 原文:使用SimpleHttpServer框架进行Java类库的网络测试和调试 (techdatafuture.com) 简介: SimpleHttpServer是一个基于Java的简单HTTP服务器框架,能够帮助开发人员进行…