文章目录一、CSS3实现圆角 - border-radius二、盒子阴影 - box-shadow三、文本阴影 - text-shadow四、线性渐变 - gradient五、变化样式 - t
原创
2022-01-18 10:54:02
231阅读
文章内容持续更新中~
文章目录
一、CSS3实现圆角 - border-radius
二、盒子阴影 - box-shadow
三、文本阴影 - text-shadow
四、渐变 - gradient
linear-gradient() 线性渐变
radial-gradient() 径向渐变
五、变化 - transform
translate - 定义2D转换
translate
原创
2021-06-18 22:03:19
988阅读
文章目录一、CSS3实现圆角 - border-radius二
原创
2021-08-01 14:01:05
789阅读
CSS3弹性伸缩布局简介2009年，W3C提出了一种崭新的方案----Flex布局（即弹性伸缩布局），它可以简便、完整、响应式地实现各种页面布局，包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段，并且它还分为旧版本、新版本以及混合过渡版本三种不同的编码方式。其中混合过渡版本主要是针对IE10做了兼容。目前flex布局用得比较多的还是在移动端的布局
转载
2022-11-08 19:28:37
87阅读
CSS3提供了一种全新的方式来定义CSS属性改变时的过渡效果，通常在:hover
原创
2022-03-02 18:03:37
133阅读
gradients渐变 c3渐变主要是在两个或者多个指定的颜色之间显示平稳的过渡。以前呢，我们需要通过图像
原创
2021-12-30 17:34:50
176阅读
c3渐变主要是在两个或者多个指定的颜色之间显示平稳的过渡。 以前呢，我们需要通过图像来实现这个效果，现在呢，我们使用c3渐变，可以减少下载时间和宽带使用，主要还可以是元素放大更加美观，因为渐变是由浏览
原创
2022-08-09 21:03:19
88阅读
css3边框新属性，border-color border-image border-radius box-shadow
原创
2012-01-05 12:07:08
651阅读
CSS3 background 属性介绍及综合使用
原创
2012-01-07 15:22:58
1143阅读
常见的文本格式处理主要是对齐方式及字体大小颜色等等。CSS3中主要是添加了字体阴影以及对换行和溢出的处理。相对来看，换行是一个比较棘手的问题，由于实际文章中多以单词呈现，各个浏览器的兼容也不尽相同，部分甚至无法识别 word-wrap 的属性值，所以如果无法达到效果时我们还是得另辟蹊径。
好了下面简单看下 我的测试样式代码吧
<style type="text/css
原创
2012-01-29 12:03:46
476阅读
原文链接： ://note.noxussj.top/?source=51cto什么是 CSS3？CSS3 是 CSS 一个新的标准，直接理解为是 CSS 的升级版，里面新增了很多样式（特性）。CSS3 盒子模型注意CSS3 盒子模型必须要掌握，否则你在实际开发中遇到样式错乱很难排查问题。旧版的 IE 浏览器与其它浏览器解析盒子模型会出现差异，例如&nb
原创
2023-02-27 19:54:40
111阅读
border-image-slice说明：基础知识：参数：具体使用：小总结：首先我们来了解一下它是干嘛的。说明：文档说明：它是控制图像边界向内偏移的
原创
2022-01-18 10:52:31
241阅读
在PC版开发中由于IE原因，我们很少用到css3，但随着平板和智能手机进入我们的生活，以及现在越来越流行，在手机版和平板版开发中我们就可以大胆的使用了，下面我们探讨常用几个css3属性： 1.css3前缀使用介绍，我们直接看个例子：
Java代码
-webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用
转载
2014-11-13 12:48:00
111阅读
2评论
知识点记录： 1、圆角效果 border-radius 如：border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 2、阴影 box-shadow 如：box-shadow: X
原创
2022-11-28 18:27:21
46阅读
border-image-slice说明：基础知识：参数：具体使用：小总结：首先我们来了解一下它是干嘛的。说明：文档说明：它是控制图像边界向内偏移的。what？？？这是嘛意思啊？根本看不懂！！！好的，我们先不要急，我们在看看：基础知识：当我们通过 border-image-source 引用边框图片后，border-image-slice属性会将图片分割为9个区域：四个角，四个边（ed...
原创
2021-06-18 16:51:48
827阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2077阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2072阅读
像手腕上散发的香水味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阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
190阅读
