我只是来添油加醋的,扒的女神代码一览
class="read"><div id="topic"><STYLE>.table{BORDER:5PX SOLID #6e5246;animation:tablemove 3s .2s ease both;-webkit-animation:tablemove 3s .2s ease both; -moz-animation:tablemove 3s .2s ease both;-o-animation:tablemove 3s .2s ease both;-ms-animation:tablemove 3s .2s ease both;}@keyframes tablemove{ 0%{transform-origin:center top; transform:scale(0.1); opacity:0.2} 80%{transform-origin:center top; transform:scale(1.1); opacity:0.9} 100%{transform-origin:center top; transform:scale(1); opacity:1} } @-webkit-keyframes tablemove{ 0%{-webkit-transform-origin:center top; -webkit-transform:scale(0.1); opacity:0.2} 80%{-webkit-transform-origin:center top; -webkit-transform:scale(1.1); opacity:0.9} 100%{-webkit-transform-origin:center top; -webkit-transform:scale(1); opacity:1} } @-moz-keyframes tablemove{ 0%{-moz-transform-origin:center top; -moz-transform:scale(0.1); opacity:0.2} 80%{-moz-transform-origin:center top; -moz-transform:scale(1.1); opacity:0.9} 100%{-moz-transform-origin:center top; -moz-transform:scale(1); opacity:1} } @-o-keyframes tablemove{ 0%{-o-transform-origin:center top; -o-transform:scale(0.1); opacity:0.2} 80%{-o-transform-origin:center top; -o-transform:scale(1.1); opacity:0.9} 100%{-o-transform-origin:center top; -o-transform:scale(1); opacity:1} } @-ms-keyframes tablemove{ 0%{-ms-transform-origin:center top; -ms-transform:scale(0.1); opacity:0.2} 80%{-ms-transform-origin:center top; -ms-transform:scale(1.1); opacity:0.9} 100%{-ms-transform-origin:center top; -ms-transform:scale(1); opacity:1} } .cast{line-HEIGHT:150%;background-color:#eda358;border-top-left-radius:10px;border-bottom-left-radius:10px;padding-right:15px;}.cast:hover{text-shadow:0 0 3px
#f8f9e4,0 0 8px #f8f9e4;animation:castmove 1s .2s ease both;-webkit-animation:castmove 1s .2s ease both; -moz-animation:castmove 1s .2s ease both;-o-animation:castmove 1s .2s ease both;-ms-animation:castmove 1s .2s ease both;}@keyframes castmove{0%{transform-origin:100% 50%;transform:scale(1,1);}100%{transform-origin:100% 50%;transform:scale(1.1,1.1);}}@-webkit-keyframes castmove{0%{-webkit-transform-origin:100% 50%;-webkit-transform:scale(1,1);}100%{-webkit-transform-origin:100% 50%;-webkit-transform:scale(1.1,1.1);}} @-moz-keyframes castmove{0%{-moz-transform-origin:100% 50%;-moz-transform:scale(1,1);}100%{-moz-transform-origin:100% 50%;-moz-transform:scale(1.1,1.1);}} @-o-keyframes castmove{0%{-o-transform-origin:100% 50%;-o-transform:scale(1,1);}100%{-o-transform-origin:100% 50%;-o-transform:scale(1.1,1.1);}} @-ms-keyframes castmove{0%{-ms-transform-origin:100% 50%;-ms-transform:scale(1,1);}100%{-ms-transform-origin:100% 50%;-ms-transform:scale(1.1,1.1);}} .img:hover{animation:imganimation 2s .2s ease both;-webkit-animation:imganimation 2s .2s ease both; -moz-animation:imganimation 2s .2s ease both;-o-animation:imganimation 2s .2s ease both;-ms-animation:imganimation 2s .2s ease both;} @keyframes imganimation{0%{transform-origin:50% 50%;transform:scale(1,1) rotate(0deg);opacity:1;}100%{transform-origin:50% 50%;transform:scale(1.5,1.5) rotate(-360deg);opacity:0;}} @-webkit-keyframes imganimation{0%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0deg);opacity:1;}100%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1.5,1.5) rotate(-360deg);opacity:0;}} @-moz-keyframes imganimation{0%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0deg);opacity:1;}100%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1.5,1.5) rotate(-360deg);opacity:0;}} @-o-keyframes imganimation{0%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0deg);opacity:1;}100%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1.5,1.5) rotate(-360deg);opacity:0;}} @-ms-keyframes imganimation{0%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0deg);opacity:1;}100%{-webkit-transform-origin:50% 50%;-webkit-transform:scale(1.5,1.5) rotate(-360deg);opacity:0;}}</STYLE><TABLE BORDER='0' WIDTH='760' cellpadding='0' cellspacing='0' BGCOLOR='#FFFFFF' align='center' class='table' BACKGROUND='
'><TR><TD align=center COLSPAN=2 STYLE='padding:20px 10px 10px 10px;'><img src='
' WIDTH='740' class='img'></TD></TR><TR><TD align=left WIDTH='380' STYLE='line-HEIGHT:150%;padding:10px 10px 10px 30px;'><font size=4 color='#de9635' face='Impact'>STAFF</font><font face='微软雅黑' size=2 color='#6e5246'><BR><BR><font color='#efad6a'></font>/<font color='#efad6a'></font><BR><font color='#efad6a'></font><BR><BR><font color='#efad6a'></font><BR><BR>font color='#efad6a'></font><BR><BR><BR><font size=4 color='#de9635' face='Impact'></font><BR><BR><font color='#efad6a'></font><BR><font color='#efad6a'></font><BR<font color='#efad6a'></font><BR><TABLE BORDER='0' cellpadding='0' cellspacing='0'><TR><TD><MARQUEE scrollAmount='1' scrollDelay='1' direction='up' scrollamount='1' WIDTH='260' HEIGHT='120' align='left'>