زر ويب متحرك [ css ]

شارك الموضوع
Omar Shiriyani 1:04 ص


زر ويب متحرك بشكل رائع كالذي نراه في الصوره اصبحت العديد من المدونات تقوم بأستخدام تلك الازرار المتحركة بمتنوع تقنيات التصميم اما بنسبة بهذا الزر فهو بسيط جدا تصميمة فقط بـ 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



مواضيع اخرى
اسم الكاتب
لايوجد موضوع أخر