طراحی سایتمقالات

کد HTML چشمک زدن عکس

کد HTML چشمک زدن عکس

کد HTML چشمک زدن عکس

شاید شما هم در فضای اینترنت تصاویری رو دیده باشید که چند ثانیه چشمک میزند و دوست داشته باشید آن را در سایت خود پیاده سازی کنید . این کار بسیار راحت میباشد فقط کافیست کد زیر را در سایت خود قرار دهید.

 

<html>
<div class=”salam”>
<img src=”https://a4fran3.ir/wp-content/uploads/2019/11/tarh-2.jpg”>
</div>
<style>
@keyframes test{
۵%{display:none;}
۷%{display:block;}
۱۰%{display:none;}
۱۲%{display:block;}
۱۵%{filter: opacity(20%);}
۱۸%{display:none;}
۲۰%{filter: opacity(40%);}
۲۳%{display:none;}
۲۵%{display:block;}
۲۸%{display:none;}
۳۱%{display:block;}
۳۵%{display:none;}
۳۸%{display:block;}
۴۵%{display:none;}
۵۲%{display:block;}
۵۷%{filter: opacity(2%);}
۵۹%{filter: opacity(2%);}
۶۱%{filter: opacity(2%);}
۶۳%{filter: opacity(2%);}
۶۹%{display:block;}
}
.salam{text-align: center;}
.salam img{
animation: test 2s;
}
</style>
</html>

کافیست در کد بالا به جای لینک ، تصویر خود را جایگزین کنید

 

سوالات و نظرات خود را درباره مقاله کد HTML چشمک زدن عکس را با ما اشتراک بگذارید

آچار فرانسه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن
بستن