کد 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 چشمک زدن عکس را با ما اشتراک بگذارید

آچار فرانسه

163 بازدید دسته بندی : طراحی سایت,مقالات سه شنبه ۱۵ بهمن ۱۳۹۸ بدون دیدگاه
لینک کوتاه مطلب : https://a4fran3.ir/?p=15213


نظرات شما