因为看见站内没有有关CSS的指导或议论,所以我一气之下写出了这坨答辩
随便写的,总耗时不超过6个小时。
因为看见站内没有有关CSS的指导或议论,所以我一气之下写出了这坨答辩
随便写的,总耗时不超过6个小时。
好文,但是可以只用animation一个声明,后面直接用空格把值隔开就行了。
另外什么时候搞一下类似生存难度组件里面[*class-*x]的那个玩意,b站搜不到(
有没有一种可能性,我说了animation 是所有动画属性的简写。
另外“[*class-*x]”这个玩意就是CSS 分组选择器,作者把所有带有“class-”前缀的类名划成了同一组,并给予了它们相同的数值。
有时间的话,我大概会再写一个介绍CSS 分组选择器的文章
可问题是我翻原代码的时候不就是 transform 吗?transform 不是用来 3D转换和2D转换的吗?难道是我理解错了还是怎么了……
所谓的套娃是为了让不懂CSS的人更容易理解,实际表现也就下面这样……
.类1 .类2{值1;值2;}
类2只有被包裹在类1中,值1与值2这两个声明才会产生作用,而正好生存难度组件的源代码就有……
.sd-container[class*="{"]
这个玩意……虽然我不知道这到底是个什么玩意,但 [class*="{"] 大概……应该是CSS 分组选择器吧?而在 [class*="{"] 前面则是类名 sd-container 所以我写的就是“套姓CSS 分组选择器”
另外……我承认我的表达可能不太清楚,但是你指望能从我6个小时不到写出来的一篇争对新手的议论中找出一些十分专业性的内容出来……我介意你去看专业的CSS教程……
你与其指望我能从一个起码上万字的组件之中找到一处代码错误,还不如信我是秦始皇
大概是因为 header-diamond 中的 -webkit-mask 或者 position 这俩导致的代码错误,使得动画并不生效。
改了
.sd-container[class*="{"]
指的大概是一个class="sd-container"并且还带了{符号的(比如sd-container{$class})
但我翻了下源代码似乎没有这东西