css可以做什么小船,基于css3小船水面游动动画特效

基于css3小船水面游动动画特效，这是一款色彩鲜艳扁平风格的css3动画特效。效果图如下：

实现的代码。

html代码：

css代码：

* {

padding: 0;

margin: 0;

}

body {

position: relative;

background: #0cc;

overflow: hidden;

}

.land {

height: 100px;

width: 100%;

position: absolute;

top: 270px;

background: #afa;

}

.land_01 {

width: 0;

height: 0;

border-left: 300px solid transparent;

border-bottom: 120px solid #afa;

position: absolute;

left: 0px;

top: -120px;

}

.land_01:after {

content: "";

width: 0;

heig