A way to do this with CSS is shown in this basic example:
.my_custom_circle_css {
width: 125px;
height: 125px;
border-radius: 62.5px;
border: 0;
padding: 0;
margin: 0;
}
In this example:
The width and height are set to a fixed equal amount.
The border radius is set to exactly half of that amount.
The padding and margin are set to 0.
The custom CSS class is added to the img.
And using this will apply a hover effect:
.my_custom_circle_css:hover {
border: 2px solid rgba(85,86,90,.35);
box-shadow: inset 0 0 0 62.5px rgba(180,185,190,.5);
}
Adjust to your needs.
To make the image clickable, you need to wrap the image in an href.
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_image
https://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages#Image_Link
Good morning!
Could you tell me, can I do the same things about H1 on WordPress as on this site?
To be able to move the mouse, and they followed me
https://directlinedev.com/graphic-design/
Thanks for a quick reply, Pioneer Web Design! I will check it out very soon and get back with some results:)
To Directinlinedev: You probably asked Pioneer Web Design about the mouse follow effect and looked at the website you linked to. I thought it was pretty cool effect(i assume you meant the header when moving the cursor?)
@directlinedev
Per forum rules, please start your own topic. Your question, while possibly related, will surely prove to be unique.
