صندوق متحرك بسيط
<head> <script data-ad-client="ca-pub-1516974465305514" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></head>
<!DOCTYPE html>
<title>Example</title>
<style>
.animatedBox {
width: 200px;
padding: 20px;
text-align: center;
font: 24px sans-serif;
border: 1px solid yellowgreen;
animation: myAnimation 1s ease 1s 5 alternate forwards;
}
@keyframes myAnimation {
100% {
border-bottom-left-radius: 60px;
}
}
</style>
<div class="animatedBox">Animated box</div>
تعليقات
إرسال تعليق