![]() If you want to change the angle of the shadow further, you can use top, bottom, left, and right properties accordingly. But wait thats not all CSS Gradient has a collection of. Gradient Shadow by Amit Merchant ( CodePen. CSS Gradient is a free online tool that makes it dead simple to create fresh web gradients. You can adjust the amount of blur by increasing or decreasing the radius value for the blur() function. That will do the trick for us.Īnd finally, to make the shadow natural, we made it blurred using a combination of the filter property and the blur() function. Next, by positioning the pseudo-element absolutely and keeping its width and height 50%, we are making sure that it stacks on top of the box.Īnd to position it behind the box, we used a negative z-index. background: -moz-linear-gradient(left, rgba(248,80,50,1) 0, rgba(241,111,92,1) 50, rgba(246,41,12,1) 51. Animate gradient background on hover, Letâs create a button:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |