CSS實線邊框loading動畫實例頁面
濰坊/網(wǎng)頁設(shè)計師/7年前/332瀏覽
版權(quán)
CSS實線邊框loading動畫實例頁面
CSS實線邊框loading動畫實例頁面
CSS代碼:
.box {
display: inline-block; padding: 10px; position: relative;}.box::before {
content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #cd0000; animation: borderAround 1.5s infinite linear;
}@keyframes borderAround {
0%, 100% { clip: rect(0 148px 2px 0); }
25% { clip: rect(0 148px 116px 146px); }
50% { clip: rect(114px 148px 116px 0); }
75% { clip: rect(0 2px 116px 0); }}
HTML代碼:
<div class="box"><img src="mm1.jpg" width="128" height="96"></div>

0
舉報
聲明
收藏
分享
評論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來夸夸TA吧!
你可能喜歡
登錄注冊
推薦登錄即可同步推薦記錄哦
收藏登錄即可加入我的收藏
評論登錄即可評論想法
分享分享






































