css creative button hover effects [Pure CSS] | Nanosoft

Published: 08 September 2020
on channel: Nanosoft

In this tutorial we learn how to create css creative button hover effects

#btn {
margin:25%;
width: 200px;
height: 50px;
background:#8b9dc3 ;
color: #ffffff;
font-family: cursive;
font-size: 20px;
border: 2px solid #dfe3ee;
box-shadow: 2px 2px 10px #dddddd;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
transition: ease .5s;
}

#btn:hover {
background: #3b5998;
cursor: pointer;
transition: ease 1s;
}

CSS3 Full Course:
https://bit.ly/css-nanosoft

Follow Us:
--------------------
Website: https://thenanosoft.com

Github: https://github.com/thenanosoft

Facebook:   / thenanosoft

Instagram:   / thenanosoft

Twitter:   / thenanosoft

Telegram: https://t.me/thenanosoft
------------------------------
complaint or any suggestion
email: support@thenanosoft
------------------------------

#nanosoft #css #advancestep

On this page of the site you can watch the video online css creative button hover effects [Pure CSS] | Nanosoft with a duration of hours minute second in good quality, which was uploaded by the user Nanosoft 08 September 2020, share the link with friends and acquaintances, this video has already been watched 22 times on youtube and it was liked by 2 viewers. Enjoy your viewing!

9,173

169