CSS3创意圣诞快乐主题特效代码下载


CSS3创意圣诞快乐主题特效代码下载
CSS3创意圣诞快乐主题特效代码下载以及创意圣诞、快乐主题等js/jquery网页特效代码下载。

1. 引入CSS

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Calistoga&amp;display=swap'>
<link rel="stylesheet" href="css/style.css">

2. HTML代码

<div class="container">
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>    
</div>
<h1 class="seasons-greetings">Merry Christmas!</h1>
<div class="container">
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>
    <div class="star">
        <div class="star-half"></div>
        <div class="star-half"></div>
    </div>
    <div class="diamond"></div>    
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>

相关推荐

发表评论

相关文章