زر ويب متحرك بشكل رائع كالذي نراه في الصوره اصبحت العديد من المدونات تقوم بأستخدام تلك الازرار المتحركة بمتنوع تقنيات التصميم اما بنسبة بهذا الزر فهو بسيط جدا تصميمة فقط بـ Css لي الابتعاد عن اضافات التي تتسبب ببطئ لتصفح الموقع
كود css
.anim { animation: jiggle 2s ease-in infinite; } @keyframes jiggle { 48%, 62% { transform: scale(1.0, 1.0) } 50% { transform: scale(1.1, 0.9) } 56% { transform: scale(0.9, 1.1) translate(0, -5px) } 59% { transform: scale(1.0, 1.0) translate(0, -3px) } }
كود html
<a class='tombol anim' href='#'>النص يضع هنا</a> 3. Selamat Mencoba
