CSS3
css知识
passerby_Ai
这个作者很懒,什么都没留下…
展开
-
04-渐变
重复渐变重复渐变,在渲染时,终止颜色会在两个方向上无限重复,它们的位置以最后指定的终止颜色的位置和第一个指定的终止颜色的位置之间的差值的倍数移位。例如,repeating-linear-gradient(red 10px, blue 50px) 等效于linear-gradient(..., red -30px, blue 10px, red 10px, blue 50px, red 50px, blue 90px, ...)。注意,最后一个终止颜色和第一个终止颜色总是在每个组的边界处重合,如果渐变没有原创 2020-06-26 19:34:04 · 110 阅读 · 0 评论 -
03-渐变
径向渐变与其他渐变相同,径向渐变是一个不固定尺寸的图片,譬如,它没有默认尺寸、比例。具体尺寸由它所定义的元素尺寸决定。径向渐变(Radial gradients)由其中心点、边缘形状轮廓及位置、色值结束点(color stops)定义而成。径向渐变的中心点至边缘形状以及其延伸的部分,由连续缩放的若干同心轮廓组成,这个轮廓由设定的边缘形状决定。径向渐变的中心点至边缘形状以及其延伸的部分是由连续缩放的若干同心轮框组成的。颜色结束点用于设定虚拟渐变射线的变化方式,由中心点水平变化至右侧。颜色结束点由原创 2020-06-24 22:59:17 · 123 阅读 · 0 评论 -
02-渐变
渐变渐变配合js可以实现动态background-image: linear-gradient(90deg,rgb(0,0,225),rgb(225,0,0) 0%,rgb(0,0,225));我们可以通过js来控制 0% 的值来实现动态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>渐变</title>原创 2020-06-23 17:46:20 · 147 阅读 · 0 评论 -
01-渐变
渐变渐变是一种有规律性的变化。渐变能给人很强的节奏感和审美情趣。这种形式在日常生活中随处可见,是一种常见的视觉形象。在css 3中渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。css 3中渐变主要分为:线性渐变径向渐变其他的渐变含有重复渐变,是在线性渐变与径向渐变的基础上实现的。线性渐变性渐变由一个轴 (梯度线) 定义,其上的每个点具有两种或多种的颜色,且轴上的每个点都具有独立的颜色。渐变线由包含渐变图形的容器的中心点和一个角度来定义的。起始原创 2020-06-22 11:39:37 · 283 阅读 · 0 评论 -
css3背景
css3背景在css3中背景也得到了加强。background-image我们可以一次性添加多张图片,不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景&...原创 2020-03-12 11:28:52 · 90 阅读 · 0 评论 -
CSS3 边框
CSS3 边框在css3中我们有了更加更加多的选择,比如我们得边框有了更多的体现。css边角border-radius可以给边框设置一个边角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>边框</title> ...原创 2020-03-12 11:02:29 · 78 阅读 · 0 评论