国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端水波紋往外展開1

leonardofed / 943人閱讀

摘要：來自侵刪

來自：https://blog.csdn.net/qq_38658877/article/details/78092649 侵刪
DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
    html {
        font-size: 20px;
    }
    
    body {
        background: #444;
    }
    
    .animate .w2 {
        -webkit-animation-delay: 1s;
    }
    
    .animate .w3 {
        -webkit-animation-delay: 2s;
    }
    
    .animate .w4 {
        -webkit-animation-delay: 3s;
    }
    
    .wave {
        width: 22.7rem;
        height: 22.7rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    .wave * {
        border: 1px solid #fff;
        position: absolute;
        border-radius: 50%;
        -webkit-animation: opac 4s infinite;
    }
    
    @-webkit-keyframes opac {
        from {
            opacity: 1;
            width: 0;
            height: 0;
            top: 50%;
            left: 50%;
        }
        to {
            opacity: 0;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
    }
    style>
head>

<body>
    <div class="animate wave">
        <div class="w1">div>
        <div class="w2">div>
        <div class="w3">div>
        <div class="w4">div>
    div>
body>

html>

?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/1167.html

相關(guān)文章

  • 前端水波紋往外展開4

    摘要：來自侵刪來自：https://blog.csdn.net/qq_38658877/article/details/78092649 侵刪DOCTYPE html> Document .example { position: relative; margin: 150px auto; ...

    Hwg 評(píng)論0 收藏0

  • css動(dòng)畫-實(shí)現(xiàn)一個(gè)最簡單的水波紋效果button

    摘要：類似的效果步驟在頁面寫出一個(gè)并賦予簡單的樣式代碼這是一個(gè)按鈕默認(rèn)是無法用給它居中為了增加用戶體驗(yàn)為了保持和的位置關(guān)系為了遮蓋超出的效果添加水波紋的基礎(chǔ)樣式代碼為了保持和的位置關(guān)系水波紋圓形水波紋顏色下面與動(dòng)畫效果相關(guān)是時(shí)候的狀態(tài)默認(rèn) 類似material-ui的button效果 步驟 1. 在頁面寫出一個(gè)button 并賦予簡單的樣式 代碼 這是一個(gè)按鈕 ...

    Hancock_Xu 評(píng)論0 收藏0

  • css 滾動(dòng)視差 之 水波紋效果

    摘要：我們來看個(gè)例子代碼很簡單，讓視口出現(xiàn)滾動(dòng)條，然后它是這樣的很普通的一個(gè)滾動(dòng)效果，然后我們把注釋去掉，就是加上這句話華麗變身由于它相對(duì)視口固定，看起來就好像只有一個(gè)背景一樣。核心屬性： background-attachment 這個(gè)屬性就牛逼了， 它可以定義背景圖片是相對(duì)視口固定， 還是隨著視口滾動(dòng)， 加上這個(gè)屬性網(wǎng)頁瞬間就從屌絲變成 高大上。 我們來看個(gè)例子： ...

    _ang 評(píng)論0 收藏0

  • css 滾動(dòng)視差 之 水波紋效果

    摘要：我們來看個(gè)例子代碼很簡單，讓視口出現(xiàn)滾動(dòng)條，然后它是這樣的很普通的一個(gè)滾動(dòng)效果，然后我們把注釋去掉，就是加上這句話華麗變身由于它相對(duì)視口固定，看起來就好像只有一個(gè)背景一樣。核心屬性： background-attachment 這個(gè)屬性就牛逼了， 它可以定義背景圖片是相對(duì)視口固定， 還是隨著視口滾動(dòng)， 加上這個(gè)屬性網(wǎng)頁瞬間就從屌絲變成 高大上。 我們來看個(gè)例子： html: I WANT...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<