Fire button html css code free download

Fire button html css code free download | css button hover effects | hover css animation | css button hover effects | website button code

Namaskar dosto, Friends aaj me aapke sath bhote he amazing Fire button html css code ko share kar raha ho jisko aap free download kar sakte ho aur apne website me use kar sakte ho, sath he friends me aapke sath es fire button ke coding ke pure jankare bhi aapke sath share kar dunga jis se aap is button ke coding me apne hisaab se kafi kuch changing kar sakte hai,

Friends aap ager blogging karte hai ya aapne koi website banaye hai or aapko article likhna pasand hai par aapko coding ke jaada nolej nahi hai to aap hamare website ko subscribe kar ke rakh sakte ho kyu ke hamare website par html css coding related sabhi jankare or free coding nolej aapke sath share ke jaate hai.

Fire button html css code kaise download kare-

Fire button html css code free download

Friends fire button html css code ko yaha post me he aapke sath share kar diya hai jisko aap copy kar ke apne website me use kar sakte ho,

<body>
<button class="axial2 work2"><a href="https://www.viraltips.in/" target="_blank" rel="noopener noreferrer">Fire Button</a></button>
</body>


<style>
.axial2 {
  border: 4px solid #FF4000;
  border-radius: 5px;
  background-color: #fff;
  color: #FF0000;
  padding: 5px 28px;
  font-size: 18px;
  cursor: pointer;

}

.work2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 40px;
  background: #fff;
  border-radius: 999px;
}

.work2:hover {
  
  color: white;
 // box-shadow: 0 0 20px 10px rgba(230, 30, 10, 0.6);
    animation: burn 1000ms ease-out forwards;

}

    
    &::before {
      content: '';
      position: absolute;
      left: 40px;
      width: 100px;
      height: 40px;
      background: rgba(255, 230, 110, 1);
      border-radius: 100%;
      animation: flare 1000ms ease-out forwards;
    }

    &::after {
      content: '';
      position: absolute;
      right: 40px;
      width: 100px;
      height: 40px;
      background: rgba(255, 230, 110, 1);
      border-radius: 100%;
      animation: flare 1000ms ease-out forwards;
    }
  }
}

@keyframes flare {
  100% {
    transform: translateY(-20px) scale(1.5);
    filter: blur(10px);
    opacity: 0;
  }
}

@keyframes burn {
  0% {
    color: rgba(255, 130, 110, 1);
    background: rgba(255, 230, 110, 1);
    box-shadow:
      0 0 5px 0 rgba(200, 0, 10, 1),
      0 0 5px 0 rgba(230, 30, 10, 0.8),
      0 0 5px 0 rgba(230, 230, 10, 0.6);
  }
  
  100% {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    box-shadow:
      0 -35px 40px 30px rgba(255, 130, 10, 0),
      0 -30px 30px 10px rgba(230, 30, 10, 0),
      0 -20px 10px 0 rgba(255, 255, 10, 0);
  }
}


</style>

Fire button ke jaankare-

Friends ab ager aapko coding ke jaada nolej nahi hai to aap hamare es article ko last tak padh sakte hai, isme aapke sath button ke all coding settings share ke gye hai jiske help se aap button ka colour, text colour, text or button size ko change kar sakte ho or sath he button me aap apna koi bhi url link add kar sakte ho taki jab bhi button par koi click kare to vo aapke url link par visit kar jaaye.

Fire button html css code me text or url link kaise change kare-

Friends button ke coding me text or link change karne ke lye aapko niche bataye process ko follow karna hai,

#1. Friends button ke html coding me changing ke lye aapko apne coding ko notepad me ya fir aap blogger me ek new post create kar ke us me open kar lina hai,

#2. Iske baad aapko apne html code me text change karne ke lye Fire button text ko search karna hai or uske jagha par aap jo bhi text button me show karna cahte ho vi type kar sakte ho,

Fire button html css code me text or url link kaise change kare

#3. Friends url link change karne ke lye aapko coding me “https://www.viraltips.in/” es url link ko search karna hai or esko hata kar aapko apna url link paste kar dina hai,

Friends is pure process ko follow kar ke aasane se aap button ke text or url link ko change kar sakte ho.

Fire button me text colour kaise change kare-

Friends button ke text ka colour change karne ke lye aapko html css coding me color: #FF0000; ko search karna hai or es coding me aapko jo colour code milta hai #FF0000 isko hatta kar aap jo bhi colour button ke text ko dina cahte ho uska color code aapko es me enter karke coding ko save kar linna hai es se aapke button ke text ka colour change ho jayiga.

Fire button me text colour kaise change kare-

Fire button ka background colour kaise change kare-

Button ka background colour change karne ke lye aapko html css coding me background: #fff; ko search karna hai or Isme #fff ke jagha par aap jo bhi colour add karna cahte ho uska color code aapko enter kar dinna hai es se aapke button ke background ka color change ho jayiga.

Fire button ka background colour kaise change kare

Fire button ke size kaise change kare “button html css code”

Friends button ke Width or height ko kam ya jaada karne ke lye aapko button html css code me align-items: center; isko search karna hai es code ke niche aapko Width or height ke coding mile jayige jisko aap apne hisaab se change kar sakte ho.

Fire button ke size kaise change kare

Fire button ke Border ka color kaise change kare-

Friends button ke border ka color change karne ke lye aapko button ke html css coding me border: 4px solid #FF4000; ko search karna hai or esme aapko #FF4000 color code ke jagha aap jo color add karna cahte ho uska color code enter karna hai.

Fire button html css code free download

Note- Friends aapko button ke kise other settings ke bare me jaanna ho ya button me or bhi kuch changing karne ho to aap hame comments me pouch sakte hai. friends aapko hamara article acha lage to hamare es “Fire button html css code free download” article ko apne friends ke sath share jarure kare, Thanks all.

Read More Article:

2Shares

Leave a Comment