نحوه اضافه کردن دکمه های بارگذاری (Loading Buttons) در سایت
در این مقاله می آموزیم که چطور با استفاده از کد CSS , Html دکمه های بارگذاری (Loading Buttons) ایجاد کنیم.
چگونه دکمه های بارگذاری را فرم دهیم:
قدم اول : کد HTML را اضافه کنید.
مثال :
قدم دوم : کد CSS را اضافه کنید.
مثال :
/* Style buttons */
.buttonload {
background-color: #4CAF50; /* Green background */
border: none; /* Remove borders */
color: white; /* White text */
padding: 12px 16px; /* Some padding */
font-size: 16px /* Set a font size */
}
نمونه یک
<h2>دکمه های بارگذاری</h2>
<button class="buttonload">
<i class="fa fa-spinner fa-spin"></i>Loading
</button><button class="buttonload">
<i class="fa fa-circle-o-notch fa-spin"></i>Loading
</button><button class="buttonload">
<i class="fa fa-refresh fa-spin"></i>Loading
</button>
عکس دکمه های بارگذاری (Loading Buttons)
