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

資訊專欄INFORMATION COLUMN

前端水波紋往外展開1

leonardofed / 936人閱讀

摘要:來自侵刪

來自: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>

?

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1167.html

相關文章

  • 前端波紋外展4

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

    Hwg 評論0 收藏0
  • css動畫-實現一個最簡單的波紋效果button

    摘要:類似的效果步驟在頁面寫出一個并賦予簡單的樣式代碼這是一個按鈕默認是無法用給它居中為了增加用戶體驗為了保持和的位置關系為了遮蓋超出的效果添加水波紋的基礎樣式代碼為了保持和的位置關系水波紋圓形水波紋顏色下面與動畫效果相關是時候的狀態默認 類似material-ui的button效果 步驟 1. 在頁面寫出一個button 并賦予簡單的樣式 代碼 這是一個按鈕 ...

    Hancock_Xu 評論0 收藏0
  • css 滾動視差 之 波紋效果

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

    _ang 評論0 收藏0
  • css 滾動視差 之 波紋效果

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

    番茄西紅柿 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<