запускать анимацию @keyframes, когда вы наводите отдельный объект в CSS

Question

запускать анимацию @keyframes, когда вы наводите отдельный объект в CSS

Ваша проблема в том, что поскольку ссылки Cell внутри Range не соответствуют критериям, они ссылаются на значение по умолчанию ActiveSheet. Таким образом, ваш код на самом деле говорит

Sheets("Temp").Range(ActiveSheet.Cells(1), ActiveSheet.Cells(1).End(xlDown)).Copy
Sheets("Overview").Range("C40").PasteSpecial

Вот улучшенная версия

Dim sh1 As Worksheet
Dim sh2 As Worksheet

Set sh1 = ActiveWorkbook.Sheets("Temp")
Set sh2 = ActiveWorkbook.Sheets("Overview")

With sh1
    .Range(.Cells(1,1), .Cells(1,1).End(xlDown)).Copy
End With
sh2.Range("C40").PasteSpecial

0

css animation

задан RN92 4 March 2019 в 05:57

2 ответа

score 0 · Answer 1

Я сделал хитрый способ, который плавно делает анимацию бега при наведении, но когда вы убираете мышки, она не заканчивается плавно, однако она полностью заполняет одну анимацию при наведении курсора. Одна вещь, которую я заметил, что .trigger img:hover span ничего не будет выполнять, поскольку промежутки не являются дочерними для изображения. Пожалуйста, проверьте ниже контактный:

Анимация при наведении

score 0 · Answer 2

Достаточно добавить «бесконечность» к вашей анимации, чтобы она запускалась более одного раза: animation: rings 1s infinite;:

"use strict";

const element = document.getElementById("trigger");

element.addEventListener("mouseover", function(e){
  element.classList.remove("animated");
  void element.offsetWidth;
  element.classList.add("animated");
}, false);

body { background: #333;}

#trigger {
    margin: 60px auto;
    padding: 30px;
    position: relative;
    border: 2px solid red;
    width: 300px;
    text-align: center;
}

#trigger * {
     pointer-events: none;
}

#trigger img {
    width: 140px;
    border-radius: 100%;
    padding: 2px;
}

#trigger.animated span {
    border-radius: 100% / 100%;
    position: absolute;
    width: 140px;
    height: 140px;
    border: 2px solid #fff;
    background: #333;
    z-index: -1;
    animation: rings 1s;
}

#trigger span:nth-child(1) {
    animation-delay: 0s;
}

#trigger span:nth-child(2) {
    animation-delay: 0.2s;
}

#trigger span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes rings {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    70% { 
        opacity: 1;
        transform: scale(1.3);
        }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

<div id="trigger" class="animated">
  <span></span>
  <span></span>
  <span></span>
  <img src="https://picsum.photos/140/140" alt="some pic">
</div>

[ 118]

0

ответ дан Daniel Sixl 4 March 2019 в 05:57

запускать анимацию @keyframes, когда вы наводите отдельный объект в CSS

2 ответа

Похожие вопросы: