Fatal编程技术网
  • html/
  • Html 是否可以使用CSS计数器来增加元素的旋转

Html 是否可以使用CSS计数器来增加元素的旋转

html css

Html 是否可以使用CSS计数器来增加元素的旋转,html,css,css-transforms,css-counter,Html,Css,Css Transforms,Css Counter,是否可以使用CSS计数器函数来增加元素的旋转？对于每个元素，我希望将其旋转比最后一个元素多2度。我正在尝试类似于： ul li:nth-of-type( 1n ) { counter-increment: rotation; transform: rotate( counter(rotation) + 1deg); } 这是否可以仅使用CSS实现？否 [计数器值]可与“Counter（）”和“counters（）”函数一起使用。。。[它们]可以被作者在任何地方使用 - 并且rotate

是否可以使用CSS计数器函数来增加元素的旋转？对于每个
    • 元素，我希望将其旋转比最后一个
  • 元素多2度。我正在尝试类似于：
    

    ul li:nth-of-type( 1n ) {
  counter-increment: rotation;
  transform: rotate( counter(rotation) + 1deg);
}

    
这是否可以仅使用CSS实现？
    否
    
[计数器值]可与“Counter（）”和“counters（）”函数一起使用。。。[它们]可以被作者在任何地方使用
    
-
    
并且
    rotate（）
    不接受：
    
“rotate（）”=旋转（[
    
我想也许我们可以用
    calc（）
    解决这个问题，因为它可以用来代替
    

    不，这样还是不行。
    这个想法很有趣。我不这么认为，因为计数器是生成内容的。@GEUI是的，无论我怎么做，我似乎都无法让它工作。我想我必须使用Javascript。我在上发布了一个类似问题的答案，并链接到几年前的一些相关CSS-WG讨论：谢谢关于信息，我也尝试了calc，但我无法让它工作。这有点遗憾，因为这将是一个很好的功能，但我想这就是Javascript的作用。感谢您的输入！