谁能帮我解释一下这段css3的代码是如何做出这种效果的

html-css023

谁能帮我解释一下这段css3的代码是如何做出这种效果的,第1张

这段CSS3代码,定义波动效果的初始状态(0%)和结束状态(100%),然后自动渐变。

rotateZ是沿三维坐标轴的Z轴(垂直于显示器平面)旋转

translate3d是平移,后面的三个参数,分别是在x轴、Y轴、Z轴平移距离

这样改一下就好

@-webkit-keyframes wave

{

        from{-webkit-transform:rotate(30deg)}

        to{-webkit-transform:rotate(300deg)}

}

kindle paperwhite支持的内容格式Kindle Format 8 (AZW3),Kindle (AZW),TXT,PDF,MOBI,PRC原格式,HTML,DOC,DOCX,JPEG,GIF,PNG,BMP转换格式。kindle fire HD支持的内容格式Kindle (AZW)、TXT、PDF、MOBI、PRC原格式、增强音频格式(AAX)、DOC、DOCX、JPEG、GIF、PNG、BMP、无数字版权保护的AAC、MP3、MIDI、PCM/WAVE、OGG、WAV、MP4、AAC LC/LTP、HE-AACv1、AMR-NB、AMR-WB、HTML5、CSS3、3GP、VP8(.webm)。