当前位置: 首页 > 知识库问答 >
问题:

框影及其属性排序

濮阳赞
2023-03-14

查看CSS中的阴影(box-shadow)。我已经理解了基本值及其顺序,比如X和Y相对于元素的偏移量、模糊和扩展半径以及颜色(https://developer.mozilla.org/en-us/docs/web/css/box-shadow)。然后我遇到了这个有趣的影子模板集合,您可以在其中复制它们的编码(https://getcssscan.com/css-box-shadow-examples),我感到很困惑。Fot示例中使用的阴影之一:

box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px
-12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

看似重叠了4层阴影,但为什么颜色是第一属性呢?我将不胜感激。谢谢

共有1个答案

鲜于凯歌
2023-03-14

在正式语法中,您可以读到:

=插图?&&<长度>{2,4}&&<颜色>?

对于&:

用双和符&&分隔两个或多个组件,意味着所有这些实体都是强制性的,但可能以任何顺序出现。参考

 类似资料:
  • 我需要复制一个页面,所以我用检查模式打开该页面,看看它的外观如何,以便复制css样式。 但是盒影有一个问题。 inspect的值如下: 当我将其添加到代码(scss文件)中时,它会抛出以下错误: 为什么会出现这种情况,又该如何解决?

  • 问题内容: 我box-shadow最近在页面的一部分中添加了,以为其提供与Mac OS X应用程序相同的阴影边框效果。看起来不错,但我注意到在页面上上下滚动会使其滞后。我通常只会在页面上贴满恼人的背景图像,大量图像和嵌入视频(咳嗽MySpace咳嗽)的页面上看到此图像。我最初决定使用box-shadow,因为我发现它可以消除使用图像的需要,从而消除滚动滞后的可能性。 我知道CSS3仍然是新的,但这

  • 影子属性是 EF Core 模型中在 .NET 实体类型之外定义的实体类型属性。这些属性的值和状态只在变更跟踪器(ChangeTracker)中维护。 影子属性的值可以通过 ChangeTracker API 来获取和变更。 context.Entry(myBlog).Property("LastUpdated").CurrentValue = DateTime.Now; 影子属性也可以

  • 我不是开发人员——我已经研究过了,只是不明白。非常感谢你能给我的任何帮助! 我正在尝试获取产品属性和属性描述。(我用它来创建自定义变量,以便在后续电子邮件中使用。) 我可以通过以下方式获取属性名称: 但是如果我把名字改成描述,那就不行了。 如果我将名称更改为all,我可以看到属性(pa_-vention)描述,但我无法让它自己检索。我做错了什么? 数组([0]=

  • 本文向大家介绍position属性的值有哪些及其区别?相关面试题,主要包含被问及position属性的值有哪些及其区别?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: Position属性把元素放置在一个静态的,相对的,绝对的,固定的位置中, Static:位置设置为static的元素,他始终处于页面流给予的位置,static元素会忽略任何top,buttom,left,right声明 R