TweenMax实现拖动滑块效果代码
代码语言:html
所属分类:拖放
代码描述:TweenMax实现拖动滑块效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html> <head> <style> body { height: 100vh; width: 100vw; display: flex; background: #1E88E5; overflow: hidden; } #container { margin: auto; } #container .total { width: 400px; height: 24px; position: relative; cursor: pointer; } #container .total > div { height: 100%; border-radius: 16px; pointer-events: none; position: absolute; } #container .total .previous { top: 4px; left: 0px; height: 16px; background: #FDD835; width: calc(((100% / 6)*3) - 32px); } #container .total .current { background: #F44336; width: 24px; top: 0px; left: calc(((100% / 6)*3) - 12px); display: flex; } #container .total .current span {.........完整代码请登录后点击上方下载按钮下载查看
网友评论0