javascript - Bagaimana untuk menggunakan js atau css3 untuk mencapai kesan dinamik sempadan elemen, seperti yang ditunjukkan dalam rajah?
Aperture boleh menjadi satu, sama seperti bingkai avatar King of Glory, bagaimana ia boleh direalisasikan?
Rumah > Soal Jawab > teks badan
Aperture boleh menjadi satu, sama seperti bingkai avatar King of Glory, bagaimana ia boleh direalisasikan?
PHP中文网2017-06-30 09:59:39
<!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>