麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

【CSS3】動畫之跳動的心

2024-04-27 15:18:27
字體：大 中 小
供稿：網(wǎng)友

這里寫圖片描述

【CSS3】動畫-跳動的心

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>情人節(jié)心跳動動畫</title> <style type="text/css"> html, body{ width: 100%; height: 100%; min-width: 500px; min-height: 500px; overflow: hidden; } .heart { position: absolute; width: 100px; height: 90px; top: 50%; left: 50%; margin-top: -45px; margin-left: -50px; } .heart:before, .heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: #fc2e5a; border-radius: 50px 50px 0 0; transform: rotate(-45deg); transform-origin: 0 100%; } .heart:after { left: 0; transform: rotate(45deg); transform-origin :100% 100%; } .heart1{ animation: heart-anim 1s linear .4s infinite; } .heart2{ animation: pounding .5s linear infinite alternate; } .heart1:after, .heart1:before{ background-color: #ff7693; } @keyframes pounding{ 0%{ transform: scale(1.5); } 100%{ transform: scale(1); } } @keyframes heart-anim { 46% { transform: scale(1); } 50% { transform: scale(1.3); } 52% { transform: scale(1.5); } 55% { transform: scale(3); } 100% { opacity: 0; transform: scale(50); } } </style></head><body> <p>情人節(jié)到了，送給女朋友吧！</p> <!--外圈大心--> <div class="heart heart1"></div> <!--里面小心--> <div class="heart heart2"></div></body><script type="text/javascript"></script></html>

上一篇：ext使用

下一篇：git問題

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 麻豆小视频在线观看 | 青草久久久久 | 国产精品1区 | 日韩大片在线永久观看视频网站免费 | 成人免费午夜视频 | 久久蜜桃香蕉精品一区二区三区 | 国产一级一国产一级毛片 | 国产精品久久久久久久hd | 国产88久久久国产精品免费二区 | 欧美a级在线免费观看 | 黄色片视频观看 | 亚洲天堂岛国片 | 成人福利视频在线 | 91色琪琪电影亚洲精品久久 | 91美女视频在线 | 亚洲自拍第二页 | 亚洲第一页夜 | 亚洲午夜免费电影 | 精品一区二区三区中文字幕老牛 | 一级电影在线观看 | 欧美成年性h版影视中文字幕 | 91一区二区三区久久久久国产乱 | 黑人一级片视频 | 福利在线小视频 | 羞羞视频一区二区 | 国产精品久久久久久久不卡 | 免费观看一级淫片 | 久久久国产精品成人免费 | 黄色片视频观看 | 韩国美女一区 | 热99在线视频 | 黄视频免费在线观看 | 黄色av.com | www.99av| 日韩区在线 | 黄色一级片毛片 | 成人在线观看一区 | 亚洲导航深夜福利涩涩屋 | www.17c亚洲蜜桃| 国产一级毛片高清视频 | 国产一区二区三区精品在线观看 |