css3を使用してドラえもんコードを実装する-CSSチュートリアル-php.cn

css3を使用してドラえもんコードを実装する

高洛峰

リリース： 2017-03-28 10:15:11

オリジナル

1763 人が閲覧しました

この記事は主にCSS3を使用してドラえもんコードを実装する方法を紹介しています。興味のある方は参考にしてください

<!doctype html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Document</title></head><body><p class="doraemon">
    <p class="head">
        <p class="eyes">
            <p class="eye left"><p class="black bleft"></p></p>
            <p class="eye right"><p class="black bright"></p></p>
        </p>
        <p class="face">
            <p class="white"></p>
            <p class="nose"><p class="light"></p></p>
            <p class="nose_line"></p>
            <p class="mouth"></p>
            <p class="mouth"></p>
            <p class="whiskers">
                <p class="whisker rTop r160"></p>
                <p class="whisker rt"></p>
                <p class="whisker rBottom r20"></p>
                <p class="whisker lTop r20"></p>
                <p class="whisker lt"></p>
                <p class="whisker lBottom r160"></p>
            </p>
        </p>
    </p>
    <p class="choker">
            <p class="bell">
                <p class="bell_line"></p>
                <p class="bell_circle"></p>
                <p class="bell_under"></p>
                <p class="bell_light"></p>
            </p>
        </p>
        <p class="bodys">
            <p class="body"></p>
            <p class="wraps"></p>
            <p class="pocket"></p>
            <p class="pocket_mask"></p>
        </p>
        <p class="hand_right">
            <p class="arm"></p>
            <p class="circle"></p>
            <p class="arm_rewrite"></p>
        </p>
        <p class="hand_left">
            <p class="arm"></p>
            <p class="circle"></p>
            <p class="arm_rewrite"></p>
        </p>
        <p class="foot">
            <p class="left"></p>
            <p class="right"></p>
            <p class="foot_rewrite"></p>
        </p>
    </p></p></body></html>

ログイン後にコピー

以上がcss3を使用してドラえもんコードを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。