文章詳情頁(yè)
javascript - 如何用js或者css3實(shí)現(xiàn)元素邊框的動(dòng)態(tài)效果，如圖？
瀏覽：204日期：2022-11-06 13:21:24
問(wèn)題描述
光圈可以是一個(gè)，就這樣類似王者榮耀的頭像框，怎么才能實(shí)現(xiàn)？
問(wèn)題解答
回答1：<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title> <style>.boxA { position: relative; width: 200px; height: 200px; border:2px solid yellow;}.boxB { position: absolute; width: 10px; height: 10px; top: 0; left: 0; background-color: pink; animation: mymove linear 5s infinite;}@keyframes mymove { 25% {transform: translate(190px,0px); } 50% {transform: translate(190px,190px); } 75% {transform: translate(0px,190px); } 100% {transform: translate(0px,0px); }} </style></head><body> <p class='boxA'><p class='boxB'></p> </p></body></html>回答2：
用 css3動(dòng)畫屬性，和transform
標(biāo)簽：
JavaScript
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備