小编Tom*_*Tom的帖子

CSS:之前和之后:不工作?

我正在尝试使用:before:after列表,但它不起作用.我确信这是一个简单的错误,但我无法指出它.

任何帮助,将不胜感激

请检查小提琴

<div class="org-chart">
  <ul class="chart chart-prhead">
    <li>
      <span><a href="#">Dabba</a></span>
      <ul class="chart-mgr">
        <li>
          <!-- level 2 -->
          <span><a href="#">Dabba</a></span>

        </li>

      </ul>
    </li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)
.chart ul:after {
  border: 1px solid #f30;
}
.chart li span:after {
  border: 1px solid #eee;
}
.chart li span:before {
  border: 1px solid #ccc;
}
.chart li a:after {
  border: 1px solid #666;
}
.chart li a:before {
  border: 1px solid #333;
}
Run Code Online (Sandbox Code Playgroud)

css

30
推荐指数
2
解决办法
5万
查看次数

是否有替代testflight的Android

由于testflight将撤销对android的上传支持,是否还有其他服务提供像testflight一样的服务?

android testflight

10
推荐指数
3
解决办法
1万
查看次数

CSS在不同事件中多次转换为相同的元素

我有一组链接标记出现在页面加载与translate3D.这完全没问题.但是我需要链接标签来缩放它的悬停.哪个不直接.


有没有办法用CSS实现它?这是代码:

.linkblock {
  margin: 20% 0;
}

.hlink {
  width: 12%;
  height: 60px;
  opacity: 0;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease;
}

.hlink:hover {
  transform: translate(0px, -20px);
  color: red;
  background: rgba(0, 0, 0, 0.6)
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation: fadeInUp 0.3s ease-in both; …
Run Code Online (Sandbox Code Playgroud)

html css css3 css-animations

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

标签 统计

css ×2

android ×1

css-animations ×1

css3 ×1

html ×1

testflight ×1