首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript时间轮盘:js元素圆形布局制作时间轮盘动画

前言 前段时间看抖音,有人用时间轮盘作为动态的桌面壁纸,感觉很好玩,于是突发奇想,可以用JS来实现这个功能。 来来来,先看看成果 ?...这个效果实现起来其实只有1个难点(其他都不是事),难点就是:元素圆形布局。 效果示意图 居然是圆,那我们肯定要知道圆心,和半径了,这样才能确定一个圆。 ?...有了这些基础知识,我们就可以正式开始用代码实现元素圆形布局了。 JS如何实现元素圆形布局了??? 圆心角∠BOM是多少度?上面的图形,就是一个圆平均分成了8分,所以每份角度是: 360°/8。...有了圆形布局,一切就很简单了。下面我们吧日期填充到元素上面即可,同时注意每个圆的半径,不然其重合。...最终样式和html主体元素 .date{ position:relative; width:800px; height:800px; } .container{ position

3.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到
    领券