实战摩天轮
利用CSS来实现摩天轮,代码如下: < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Document < / title > < style > * { margin : 0 ; padding : 0 ; } body , html { height : 100 % ; } body { background : url ( images / 2. jpg ) no - repeat ; background - size : 100 % 100 % ; } img { display : block ; } section { width : 768 px ; height : 768 px ; position : fixed ; left : 0 ; right : 0 ; top : 0 ; bottom : 0 ; margin : auto ; background : url ( images / bracket . png ) no - repeat center 384 px ; } section img : first - of - type { animation : rotateYuan 20 s linear infinite ;