小编Bla*_*tIV的帖子

CSS延迟:活动选择器生效

我无法让我的CSS 3按钮正常运行.您可以在我的一个项目页面上查看该按钮.问题是在:activeCSS选择器生效之前有一秒左右的延迟,使按钮稍微移动并改变阴影; 它之前没有这样做过.这是Sass代码:

@mixin transition($type, $time, $ease) {
  -webkit-transition: $type $time $ease;
  transition: $type $time $ease;
}

@mixin border-radius($length) {
  border-radius: $length;
  -webkit-border-radius: $length;
  -moz-border-radius: $length;
}

.project-download {
  color: #000300;
  background-color: #00910A;
  padding: 10px;
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: bold;

  @include transition(background-color, 0.2s, linear);
  @include border-radius(10px);

  box-shadow:
    1px 1px 0 0 #014D06,
    2px 2px 0 0 #014D06,
    3px 3px 0 0 #014D06,
    4px 4px 0 0 #014D06,
    5px 5px 5px 0 #000000;

  -webkit-box-shadow: …
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
1
解决办法
1841
查看次数

标签 统计

css ×1

html ×1