|
|
- <style type="text/css">
- @keyframes iChange {
- 0% { width: 136px; height:225px;top:70px; left:100px; } 25% { width:218px; height:359px;top:18px; left:240px; }
- } 50% { width:136px; height:225px;top:70px; left:380px; }
- }75% { width:218px; height:359px;top:18px; left:240px; }
- }100% { width:136px; height:225px;top:70px; left:100px; }
- }
- @-moz-keyframes iChange {
- 0% { width: 136px; height:225px;top:70px; left:100px; } 25% { width:218px; height:359px;top:18px; left:240px; }
- } 50% { width:136px; height:225px;top:70px; left:380px; }
- }75% { width:218px; height:359px;top:18px; left:240px; }
- }100% { width:136px; height:225px;top:70px; left:100px; }
- }
- @-webkit-keyframes iChange {
- 0% { width: 136px; height:225px;top:70px; left:100px; } 25% { width:218px; height:359px;top:18px; left:240px; }
- } 50% { width:136px; height:225px;top:70px; left:380px; }
- }75% { width:218px; height:359px;top:18px; left:240px; }
- }100% { width:136px; height:225px;top:70px; left:100px; }
- }
- @-o-keyframes iChange {
- 0% { width: 136px; height:225px;top:70px; left:100px; } 25% { width:218px; height:359px;top:18px; left:240px; }
- } 50% { width:136px; height:225px;top:70px; left:380px; }
- }75% { width:218px; height:359px;top:18px; left:240px; }
- }100% { width:136px; height:225px;top:70px; left:100px; }
- }
- .s2b {position:relative;
- animation: iChange 5s infinite alternate;
- -moz-animation: iChange 5s infinite alternate; /* Firefox */
- -webkit-animation: iChange 5s infinite alternate; /* Safari 和 Chrome */
- -o-animation: iChange 5s infinite alternate; /* Opera */
- width:136px;
- height:225px;
- }
- </style>
- <div style="height:500px;">
- <img class="s2b" src="https://www.huachaowang.com/data/attachment/forum/201711/19/142453t7u7xx5hz85lpdud.jpg" alt="再玩个" />
- </div>
复制代码 |
|