Difference between revisions of "Template:CCU Taiwan"

(gif test)
Line 419: Line 419:
 
   color: #f9f9f9;
 
   color: #f9f9f9;
 
}
 
}
 +
.gif_test{
 +
      position:absolute;
 +
        top:0px;
 +
    left:0px;
 +
        width:220px;
 +
        height: 264px;
 +
        background-image:url("https://i.imgur.com/woNXxVh.jpg");
 +
-webkit-clip-path:polygon(0% 0%, 100% 0%,50% 50% ,50% 100%, 0% 100%); <!-- 圖形-->
 +
        animation:test 1250ms infinite 0s steps(19);
 +
        animation-play-state:paused ;
 +
}
 +
.gif_test2:hover{
 +
      animation-play-state:running;
 +
}
 +
@keyframes test{
 +
        0%{
 +
            background-position:0 0px ;
 +
        }
 +
        100%{
 +
            background-position: 0 -5244px;
 +
        }
 +
    }
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
</style>
 
</style>

Revision as of 07:58, 12 July 2018