RGBA
background:rgba(0, 118, 160, .25);
前三个值是RGB颜色值,最后一个值是水平的透明度(0 =透明,1 =不透明)。
RBGA可应用于任何与颜色相关的属性如字体颜色,边框颜色,背景颜色,阴影的颜色,等
文本阴影 text-shadow(不需要判断浏览器)
text-shadow:2px 3px 2px #000;
文字阴影的结构是按照以下顺序:X -偏移,Y -偏移,模糊,和颜色;
text-shadow:-2px -3px 2px rgba(0, 118, 160, .25);
设置为负值,X -偏移阴影转移到左侧。设置为负值偏移Y -转移阴影顶端。颜色可以用RGBA值。
text-shadow:0px 1px 0px #fff,0px -1px 0px #000;
文字阴影的列表(以逗号分隔),1px的顶部和底部1px的阴影。
盒阴影 box-shadow(需要判断浏览器)
盒阴影的结构和文字阴影的一样:分别标示:X -偏移,Y偏移,模糊和颜色 。
-webkit-box-shadow:5px 5px 7px #333; -moz-box-shadow:5px 5px 7ix #333;
同样,可以定义多个阴影样式,用逗号隔开。
moz-box-shadow: -2px -2px 0 #fff, 2px 2px 0 #bb9595, 2px 4px 15px rgba(0, 0, 0, .3);
box-shadow属性至多有6个参数设置:
阴影类型:此参数是一个可选值,如果不设值,其默认的投影方式是外阴影;如果取其唯一值“inset”,就是将外阴影变成内阴影,也就是说设置阴影类型为“inset”时,其投影就是内阴影;
X-offset:是指阴影水平偏移量其值可以是正负值可以取正负值,如果值为正值,则阴影在对象的右边,反之其值为负值时,阴影在对象的左边;
Y-offset:是指阴影的垂直偏移量,其值也可以是正负值,如果为正值,阴影在对象的底部,反之其值为负值时,阴影在对象的顶部;
阴影模糊半径:此参数是可选,,但其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;
阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值是,则缩小
阴影颜色:此参数可选,如果不设定任何颜色时,浏览器会取默认色,但各浏览器默认色不一样,特别是在webkit内核下的safari和chrome浏览器将无色,也就是透明,建议不要省略此参数。
盒子边界半径 border-radius(需要判断浏览器)
边界半径的简写,是类似的Padding和Margin属性(如边界半径: 20像素 )。
在浏览器的顺序来渲染边界半径,在WebKit浏览器用“-WebKit-”,火狐用“-moz-”。
border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
您可以指定一个不同的值的每个角。注意Firefox和Webkit的角有不同的属性名称。
“Webkit的”写法
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:25px; -webkit-border-right-left-radius:45px;
“火狐”的写法
-moz-border-radius-topleft:5px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:25px; -moz-border-radius-bottomright:45px;
以上是css3中的常用属性介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

React生态系统为我们提供了许多库,所有库都集中在拖放的相互作用上。我们有反应,反应,可爱dnd,

我可以说我经常使用背景折叠。 IT Wager IT几乎从未在日常CSS工作中使用。但是在斯特凡·朱迪斯(Stefan Judis)的帖子中,我想起了它,

使用RequestAnimationFrame进行动画化应该很容易,但是如果您还没有彻底阅读React的文档,那么您可能会遇到一些事情

听着,我不是GraphQL专家,但我确实喜欢与之合作。作为前端开发人员,它向我曝光数据的方式非常酷。它就像一个菜单


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

禅工作室 13.0.1
功能强大的PHP集成开发环境

WebStorm Mac版
好用的JavaScript开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Dreamweaver Mac版
视觉化网页开发工具