虽说css3 都已经使用多年了，但是关于css3的渐变用的很少。今天遇见了，就学习了一下。 首先我们打开ps，新建一个画布，选择渐变工具，这个时候我们能够看到顶栏上面的渐变类型如下 第一个我们选中的是线性渐变，第二个是径向渐变，第三个是角度渐变，第四个是对称渐变，第五个是菱形渐变。对于css3 并没
原创
2022-10-31 10:26:25
440阅读
css3中的过渡 1、transition的几个样式值 transition-property：设置要过渡的属性值例如（height，width） transition-duration：设置过渡时间（必须加上时间单位） transition-timing-function：设置过渡样式 ease ...
转载
2021-10-31 19:36:00
128阅读
2评论
CSS3外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。-outline-color：定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，省略时此参数的默认值为黑色。-outline-style：定义轮廓线的样式，
原创
2018-10-05 10:01:13
727阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2077阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
722阅读
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate 三.CSS3的缩放scale transform: scale(缩放倍数); 四.C
原创
2021-08-31 16:21:28
326阅读
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性
原创
2021-08-31 16:26:52
160阅读
1.什么是calc()? calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能。用来指定元素的长度。比方说，你能够使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的优点就是用在流体布局上。能够
转载
2016-03-11 18:16:00
167阅读
2评论
在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。 它是一个复合属性，主要包括以下几个子属性。transition-property:指定过渡或动态模拟的CSS属性transition-duration:指定完成过渡所需的时间transition-timing-function:指定过渡函数transition...
原创
2021-07-27 17:58:15
126阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2072阅读
CSS3动画的基本使用（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT
原创
2022-10-20 10:19:35
302阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
190阅读
CSS3自由缩放属性为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，也是一个非常实用的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样的UI效果，需要使用大量的脚本代码才能实现，这样费时费力，效率极低。resize属性主要是用来改变元素尺寸大小的，其主要目的
原创
2018-10-05 10:00:20
485阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5068阅读
CSS3动画的常见属性（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="\
原创
2022-10-20 10:05:54
294阅读
[url]http://www.w3chtml.com/css3/[/url]
原创
2023-05-22 16:47:35
58阅读
css3其实现在的浏览器已经支持得很好了，并且有些属性，原来我之前已经不经意使用过，只是不知道那就是CSS3而已。CSS3跟CSS2相比较，有哪些重大的变化或亮点？一、边框1）圆形边框2）阴影边框3）使用图片装饰边框二、背景1）背景图片可调整大小2）多重背景图片3）背景图片可精确定位在某个区域，CS...
转载
2014-01-17 23:14:00
169阅读
2评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
原创
2013-05-16 17:48:57
493阅读
transform让背景图标旋转360度 a b {display: inline-block;width: 14px;height: 14px;background: url(/img/button_img.png) -1px -1px no-repeat; a:hover b {-moz-tra
转载
2016-07-14 11:20:00
165阅读
消除疑问：CSS动画 VS JavaScriptCSS3实现四叶草、水母与玻璃瓶令人难以置信的纯CSS3图标和LogoCSS3 2D Transform 详细讲解理解CSS3 transform中的Matrix(矩阵)Web排版的缩放
转载
2012-05-28 12:50:00
1271阅读
2评论
