HTML5logo的绘制

最新推荐文章于 2021-06-11 12:06:19 发布

VIP文章月亮不营业

最新推荐文章于 2021-06-11 12:06:19 发布

阅读量294

点赞数 1

分类专栏：笔记文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_46440394/article/details/104650850

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5的logo设计</title>
    <style>
        body{
            margin:0;
            padding:0;
        }
        div{
            position:absolute;
        }
        .bg{
            width: 8000px;
            height:6000px;
            background:#f2f2f2;
            overflow: hidden;
        }
        .beam{
            width:1600px;
            height:20px;
            background:#fff;
            top:290px;
            left:-400px:
        }
        .d_shield1,.d_shield2 ,.d_shield3,.d_shield3 ,.d_shield4 ,.d_shield5 ,.d_shield6 ,.d_shield7  {
            background:#e15016;
        }
        .d_shield1 {
            left:32px;
            width:140px;
            height:346px;
        }
        .d_shield2 {
            transform: skewx(5deg);
            left:16px;
            width:100px;
            height:346px;
        }
        .d_shield3 {
            transform: skewy(15deg);
            top:265px;
            left:32px;
            width:140px;
            height:100px;
        }
        .d_shield4 {
            left:172px;
            width:140px:
            height:346px;
        }
        .d_shield5 {
            transform :skewX(-5deg) ;
            left :227px;
            width:100px;
            height:346px;
        }
        .d_shield6 {
            transform:skewY(-15d

最低0.47元/天解锁文章

月亮不营业

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5logo的绘制

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5的logo设计</title> <style> body{ margin:0; ...
复制链接

扫一扫