小编lal*_*a90的帖子

转换属性CSS3规模但坚持到底

有没有人知道如何缩放图像但坚持底部?下面是我的代码,我的图像在中间缩放,但我需要它们粘在底部.

.animation_scale{
position:absolute;
top:150px;
left:55px;
display:block;
z-index:-10;
bottom : 0;}

.animation_scale img{
animation-name:animation_scale;
animation-duration:1s;
animation-timing-function:ease;
animation-delay:0s;
animation-iteration-count:1;
animation-direction:alternate;
animation-play-state:running;
animation-fill-mode: forwards;

    /* Firefox: */
-moz-animation-name:animation_scale;
-moz-animation-duration:1s;
-moz-animation-timing-function:ease;
-moz-animation-delay:0s;
-moz-animation-iteration-count:1;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
-moz-animation-fill-mode: forwards;

/* Safari and Chrome: */
-webkit-animation-name:animation_scale;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:ease;
-webkit-animation-delay:0s;
-webkit-animation-iteration-count:1;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
-webkit-animation-fill-mode: forwards;}

@keyframes animation_scale {
0%   {
-webkit-transform:  scale(0.2) translate(0px);
-moz-transform:  scale(0.2) translate(0px);
-o-transform:  scale(0.2) translate(0px);}

100% {
-webkit-transform: scale(1.0) skew(0deg) translateY(-10px);
-moz-transform: scale(1.0) skew(0deg) translateY(-10px);
-o-transform: scale(1.0) skew(0deg) translateY(-10px);}}

@-moz-keyframes animation_scale /* Firefox */ …
Run Code Online (Sandbox Code Playgroud)

html5 animation transform scale css3

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

使用jQuery以特定时间间隔显示和隐藏div,但停止最后一个div

我需要一个代码是自动隐藏div 1并在特定时间显示div 2(我想我需要10秒或15秒),我已经查看此帖子: 使用jQuery以特定时间间隔显示和隐藏div

但它每10秒重复一次,我只需要隐藏div 1并显示div 2,然后永远停止它.任何人都可以帮助编辑代码?非常感谢,我真的非常需要它,但我的java很差:(

html javascript jquery

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

标签 统计

animation ×1

css3 ×1

html ×1

html5 ×1

javascript ×1

jquery ×1

scale ×1

transform ×1