HTML/CSS中的Android徽标_Html_Css

HTML/CSS中的Android徽标

html css

HTML/CSS中的Android徽标,html,css,Html,Css,我正在尝试只使用HTML和CSS制作android徽标（此处链接灵感：）我将我的css代码与链接站点上的代码进行了多次比较，我不知道哪里出了问题。有人能提供新鲜的眼睛和帮助吗这是我的HTML： <!DOCTYPE html> <html> <head> <title>Android Logo</title> <link rel="stylesheet" href="style.css"&

我正在尝试只使用HTML和CSS制作android徽标（此处链接灵感：）

我将我的css代码与链接站点上的代码进行了多次比较，我不知道哪里出了问题。有人能提供新鲜的眼睛和帮助吗

这是我的HTML：

<!DOCTYPE html>
<html>
    <head>
        <title>Android Logo</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="android">
            <div class="head">
                <div class="l_ant"></div>
                <div class="r_ant"></div>
                <div class="l_eye"></div>
                <div class="r_eye"></div>
            </div>
            <div class="body">
                <div class="l_arm"></div>
                <div class="r_arm"></div>
                <div class="l_leg"></div>
                <div class="r_leg"></div>
            </div>

        </div>

    </body>
</hmtl>

检查以下内容。css中有一些错误，比如

.r_leg{right:-135px；}

应该是

.r_leg{right:45px；}

.l_arm, .r_arm, .l_leg, .r_leg{
    width:50px;
    postion:absolute; // Here spelling mistake postion should be position
    -webkit-transition: all 0.1s ease-in;
}

以上css有拼写错误

从

.l\u臂、.r\u臂、{

div{margin:o；padding:0；}
div div{背景：#A4CA39；位置：相对；}
.安卓{
高度：404px；宽度：334px；
保证金：100像素自动；
}
.头{
宽度：220px；高度：100px；
顶部：32px；
边界半径：110px 110px 0；
-moz边界半径：110px 110px 0；
-webkit边界半径：110px 110px 0；
-webkit过渡：所有0.1都易于使用；
}
.l_眼，.r_眼{
背景：#fff；
宽度：20px；高度：20px；
位置：绝对；顶部：42px；
边界半径：10px；
-moz边界半径：10px；
-webkit边界半径：10px；
}
.l_眼{左：50px；}
r_eye{右：50px；}
.l_ant、.r_ant{
宽度：6px；高度：50px；
位置：绝对；顶部：-34px；
边界半径：3px；
-webkit边界半径：3px；
-moz边界半径：3px；
}
l_ant先生{
左：50px；
变换：旋转（-30度）；
-webkit变换：旋转（-30度）；
-moz变换：旋转（-30度）；
}
r_ant先生{
右：50px；
变换：旋转（30度）；
-webkit变换：旋转（30度）；
-moz变换：旋转（30度）；
}
.身体{
宽度：220px；高度：184px；
顶部：40px；
边界半径：0 0 25px 25px；
-webkit边界半径：0 0 25px 25px；
-moz边界半径：0 0 25px 25px；
}
.l_臂、.r_臂、.l_腿、.r_腿{
宽度：50px；位置：绝对；
-webkit过渡：所有0.1都易于使用；
}
.l_臂、.r_臂{
高度：150像素；
边界半径：25px；
-moz边界半径：25px；
-webkit边界半径：25px；
}
.l_腿、.r_腿{
高度：80px；顶部：182px；
边界半径：0 0 25px 25px；
-moz边界半径：0 0 25px 25px；
-webkit边界半径：0 0 25px 25px；
}
.l_臂{左：-58px；}
r_arm{右：-58px；}
.l_leg{左：45px；}
r_leg{右：45px；}
.头：悬停{
-webkit变换：旋转（-5度）平移（-4px，-8px）；
-变换：旋转（-5度）平移（-4px，-8px）；
-莫兹变换：旋转（-5度）平移（-4px，-8px）；
}
.l_臂：悬停{
-webkit变换：旋转（15度）平移（-14px，0）；
-变换：旋转（15度）平移（-14px，0）；
-moz变换：旋转（15度）平移（-14px，0）；
}
r_臂：悬停{
-webkit变换：旋转（-30度）平移（30像素，0）；
-变换：旋转（-30度）平移（30像素，0）；
-moz变换：旋转（-30度）平移（30px，0）；
}

.l_arm, .r_arm, .l_leg, .r_leg{
    width:50px;
    postion:absolute; // Here spelling mistake postion should be position
    -webkit-transition: all 0.1s ease-in;
}