我希望将主体的大小修正为初始大小(页面第一次加载时的大小,以防止在动画上调整大小的元素对其进行任何更改)。
我该怎么做?
body {
height: initial; /* This does not work */
}
这也不是
body {
height: 200vh;
}
编辑-这是动画
.small-logo img { /* This class is toggled in JS*/
height: 40px;
/* animation: name duration timing-function delay iteration-count direct
我正在寻找一个原生的JS解决方案来切换div显示,使用display:'none‘和display:'block’属性。我已经完成了第一部分。我只需要做一个简单的fadeIn和fadeOut动画部分。
我需要使用本机JS和display:block,none。
var e = document.getElementById('calendarPickerContainer');
if (e.className == 'visible') {
e.className = 'hidden';
} e
我试图在悬停时添加svg路径动画,并在mouseOut上反转动画。
如果mouseOut在mouseOn动画完成之前暂停了动画,并将其从关键帧中反转,我将如何暂停动画?
另外,如果动画是反转的,而你在动画的中间悬停,我希望倒转的动画停止,并从那个点开始播放。
我还使用jquery向元素添加了吸引符。我是否只需要使用css来完成这个任务?
$(document).ready(function() {
$('svg').hover(function() {
/* Stuff to do when the mouse enters the element */