小编Ben*_*ain的帖子

应该:CSS动画完成后悬停伪状态样式更改工作

是否应该:hover在CSS动画完成元素运行后的伪状态上指定样式更改?

编辑:也许更有针对性,我应该问:为什么在动画上应用'转发'会阻止更改特定的样式?

编辑2:事实证明这实际上是一个跨浏览器问题.例如Chrome(我运行的是版本38.0.2125.111)行为不正确,但Firefox会按照规范处理它.

长话短说:根据规格(由下面的chrona引用)添加!important到覆盖应该呈现样式.但是,目前只有Firefox才能正确处理.

这是一个减少:

@keyframes go {
  0% {
    background: green;
  }
  100% {
    background: pink;
  }
}

@-webkit-keyframes go {
  0% {
    background: green;
  }
  100% {
    background: pink;
  }
}

.box {
  animation: go 3s forwards;
  -webkit-animation: go 3s forwards;
  
}

.box:hover {
    background: orange!important;
  cursor: pointer;
 }
Run Code Online (Sandbox Code Playgroud)
<div class="box">Hover states don't work after animation</div>
Run Code Online (Sandbox Code Playgroud)

我无法找到与此相关的信息,规范中没有任何内容:http://www.w3.org/TR/css3-animations/

有人知道a)这应该是可能的吗?b)一旦动画结束,如何让悬停状态对元素起作用?

css animation hover css-animations

16
推荐指数
2
解决办法
1672
查看次数

SVG容器在Safari桌面中呈现错误的大小(在Chrome/iOS中很好)

我认为Safari已对此进行了排序,但它似乎仍然存在问题(除非我做的事情显然是错误的).

我有一个SVG放在一个对象标签内.它包含在包含DIV的柔性中(例如设置为宽度50%).在调整大小时,容器高度在Firefox,Chrome和Opera中调整大小,正如我所期望的那样,但在Safari上容器保持太高.

这是一个关于Codepen演示的示例,切换到完整大小的结果或"侧面编辑器"(按钮右下角)以在Safari中清楚地看到效果:http://codepen.io/benfrain/full/fhyrD

除了使用JS在加载/调整大小时调整SVG大小,有没有人知道我还能做些什么来使Safari正常运行?可能会发誓几周后我会想到这一点,但现在我似乎再次遇到这个问题了.

safari svg inline responsive-design

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

Git post-receive hook将每个分支签出到不同的文件夹?

我们的Git工作流的基本设置是本地网络服务器上的裸存储库,有两个开发人员推送/拉动它.

我们希望自动复制(签出)被推送到本地网络服务器上不同位置的每个分支.举例说明:

将'develop'分支复制到'develop'子文件夹.将"主"分支复制到"主"子文件夹.

我们遇到的问题是获得post-receive hook来做到这一点.这是我们目前拥有的:

#!/bin/bash

while read oldrev newrev ref
do
  branch=`echo $ref | cut -d/ -f3`

  if [ "master" == "$branch" ]; then
    GIT_WORK_TREE=/master
    git checkout -f $branch
    echo 'Changes pushed master.'
  fi

  if [ "develop" == "$branch" ]; then
    GIT_WORK_TREE=/develop
    git checkout -f $branch
    echo 'Changes pushed to develop.'
  fi
done
Run Code Online (Sandbox Code Playgroud)

收到的错误是:

'remote:fatal:这个操作必须在远程工作树中运行:推动变革发展.

正如您对该错误所期望的那样 - 实际上没有任何内容被检出.

我也尝试过这种方式接收,但同样的问题:

#!/bin/bash

while read oldrev newrev ref
do
  branch=`echo $ref | cut -d/ -f3`

  if [ "master" == "$branch" ]; then …
Run Code Online (Sandbox Code Playgroud)

git git-post-receive

7
推荐指数
2
解决办法
4293
查看次数

SwiftUI - 如何获得点击按钮的坐标/位置

简短版本:如何获取Button在 SwiftUI 中单击的坐标?

我正在寻找这样的东西(伪代码)在geometry.x当前视图中单击按钮的位置:

GeometryReader { geometry in      
     return Button(action: { self.xPos = geometry.x}) {  
          HStack {               
               Text("Sausages")  
          }  
     }  
}
Run Code Online (Sandbox Code Playgroud)

长版:我正在开始使用 SwiftUI 和 Swift,所以想知道如何最好地从概念上实现这一点。

举一个我正在玩的具体例子:

想象一个选项卡系统,我想将下划线指示器移动到单击按钮的位置。

[aside] 这篇文章中有一个答案在视觉上做了我想要的,但看起来相当复杂:How to make the size of another view in SwiftUI [/aside]

这是我的外部结构,它构建了我正在尝试调整大小和位置的选项卡栏和矩形(当前指标):


import SwiftUI
import UIKit

struct TabBar: View {

    var tabs:ITabGroup
    @State private var selected = "Popular"
    @State private var indicatorX: CGFloat = 0
    @State private var indicatorWidth: CGFloat = 10
    @State private var …
Run Code Online (Sandbox Code Playgroud)

swift swiftui

6
推荐指数
2
解决办法
5053
查看次数

SwiftUI - ForEach 是否有 endIndex 或 lastindex?

我正在使用 ForEach 创建一个循环。但是,我想根据循环计数有条件地渲染一个 Rectangle 。例如,如果最后一次循环迭代,则不要渲染矩形。

什么是正确的语法?

我正在寻找这样的东西(非工作伪代码)

ForEach(arrayOfThings, id: \.title) { thing in
    // Stuff that happens on every iteration of loop

    // Conditional section
    if (thing.endIndex-1) {
        Rectangle()
        .frame(width: 100, height: 1, alignment: .bottom)
        .foregroundColor(Color("666666"))
    }
}
Run Code Online (Sandbox Code Playgroud)

我知道有一些类似的东西,for (offset, element) in array.enumerated() { }但你不能在视图中使用它们。我想知道 ForEach 中是否有一个方便的功能来解决这个需求?

目前我正在这样做以解决方法:

ForEach(0..<arrayOfThings.count) { i in
    // Stuff that happens on every iteration of loop

    // Conditional section
    if (i = self.arrayOfThings.count-1) {
        Rectangle()
        .frame(width: 100, height: 1, alignment: .bottom)
        .foregroundColor(Color("666666"))
    } …
Run Code Online (Sandbox Code Playgroud)

swift swiftui

6
推荐指数
2
解决办法
2055
查看次数

在Vim中选择整个Sass规则集的最快方法?

刚开始使用Vim,我想知道 - 给出一个像这样的Sass块:

.thing {
    width: 100%;
    color: $color1;
    .nested {
        height: 1rem;
    }
}
Run Code Online (Sandbox Code Playgroud)

如果我的光标位于'width'中的'd',那么可视化选择整个规则集,选择器,大括号和所有的最快方法是什么?

目前我使用'Shift +}'跳转到下一个空行,然后'v'表示视觉,'Shift + {'选择前一个块.有更好的方法吗?

vim sass

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

用Vim选择嵌套Sass块的最快方法是什么?

回到这篇文章:在Vim中选择整个Sass规则集的最快方法?我有一个很好的捷径,用Vim在Sass中选择一个完整的规则.

但是,我想知道是否有快速选择嵌套规则的方法.因此,如果光标位于下面嵌套规则中的某个位置(让我们说高度的'h'):

.thing {
    width: 100%;
    color: $color1;
    .nested {
        height: 1rem;
    }
}
Run Code Online (Sandbox Code Playgroud)

我能在Vim中选择嵌套规则的最快捷方式是什么?要清楚,我想选择:

.nested {
    height: 1rem;
}
Run Code Online (Sandbox Code Playgroud)

任何指针赞赏.

vim sass

2
推荐指数
1
解决办法
560
查看次数