css实现万圣节漂浮的小鬼动画效果代码

代码语言:html

所属分类:动画

代码描述:css实现万圣节漂浮的小鬼动画效果代码

代码标签: css 万圣节 小鬼 动画 漂浮

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>

    <style>
        body{
        margin:0;
        color:#444;
        background:#ffff33;
        font:300 18px/18px Roboto, sans-serif;
        zoom:300%;
    }
    *,:after,:before{box-sizing:border-box}
    .pull-left{float:left}
    .pull-right{float:right}
    .clearfix:after,.clearfix:before{content:'';display:table}
    .clearfix:after{clear:both;display:block}
    
    .halloween .head .skull:before,
    .halloween .head .skull:after,
    .halloween .eyes .eye:before,
    .halloween .body:before,
    .halloween .body:after,
    .halloween .legs:before{
        content:'';
        position:absolute;
    }
    .halloween{
        top:50%;
        left:50%;
        width:30px;
        height:44px;
        position:fixed;
        margin-top:-22px;
        margin-left:-15px;
        animation:move 3s infinite;
    }
    .halloween .head{
        z-ind.........完整代码请登录后点击上方下载按钮下载查看

网友评论0