小编use*_*463的帖子

使用过渡时的问题+不透明度变化+溢出隐藏

如果您看到我共享的代码示例,您可以看到框外的叠加层.我将问题追溯到transition属性.

我想删除div之外的内容.溢出不按预期工作.(删除transition作品,但如果可能,我想保留它)

任何帮助表示赞赏

Codepen链接

var timer = setInterval(function() {
  document.querySelector(".qs-timer-overlay").style.opacity = (document.querySelector(".qs-timer-overlay").style.opacity * 1) + 0.1;
  if (document.querySelector(".qs-timer-overlay").style.opacity * 1 == 1) {
    clearInterval(timer);
  }
}, 1000);
Run Code Online (Sandbox Code Playgroud)
.qs-main-header .qs-timer {
  padding: 13px 10px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  background-color: #dd8b3a;
  color: #FFF;
  font-size: 20px;
  border-radius: 50px;
  text-transform: uppercase;
  float: right;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.qs-main-header .qs-timer-overlay {
  z-index: 1;
  width: 10%;
  max-width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0; …
Run Code Online (Sandbox Code Playgroud)

html javascript css css3 css-animations

8
推荐指数
1
解决办法
650
查看次数

标签 统计

css ×1

css-animations ×1

css3 ×1

html ×1

javascript ×1