Create a unique hover button 05: Step-by-step
Get started at https://maxiblocks.com/ - Tired of those page builders that tease you with basic features and make you pay for the rest? MaxiBlocks is here to break the cycle. Discover freedom with 1400 templates, 13K+ icons, 100 design styles. Join our community!
Custom CSS:
content:"";
display:block;
border-style:solid;
border-color:inherit;
border-width:3px;
border-radius:50%;
height:65px;
aspect-ratio:1;
position:absolute;
right:-20px;
top:50%;
transform:translateY(-50%);
z-index:2;
00:00 - Preview
00:08 - Adding the button
00:25 - Styling the button
01:05 - Custom CSS
02:30 - Transform settings
02:50 - Border hover
03:05 - Large screens
03:25 - Final preview
Important links:
Help desk - https://maxiblocks.com/go/help-desk
Pro library - https://maxiblocks.com/pro-library/
Demo library - https://maxiblocks.com/demo/
MaxiBlocks - https://maxiblocks.com/
Twitter - / maxiblocks
Discord community - https://maxiblocks.com/go/maxi-discord
Roadmap - https://maxiblocks.com/go/roadmap