How to make button

How to make button
0

#1

hi help me make this button which is shown in this design
help2
should i use:after pseudo element to get that black background and how to get such a good box shadow?


#2

you could do something like this:

<button>Register Now <i class='your-font-awesome-class your-style-class'></i></button>

and to get that box-shadow, you can use chrome dev-tools to customize your shadow…


#3

oh thanks :smile::smile:


#4

when i did use font awesome right icon the <i class='your-font-awesome-class your-style-class'></i> font wasn’t visible bro ?


#5

I don’t understand what you mean…?
Do you want to change the font, and add the arrow to the button?


#6

https://www.w3schools.com/html/html_classes.asp
Hopefully this link clears up some confusion


#7

if you are using font awesome to display that arrow, be sure to include fontawesome link inside of your <head>:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

and then inside your <button> tag:

<i class="fas fa-arrow-right"></i>

This works for me…