-
Guest, before posting your code please take these rules into consideration:
- It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
- You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
- Don't share a wall of code. All we want is the problem area, the code related to your issue.
To learn more about how to use our BBCode feature, please click here.
Thank you, Code Forum.
HTML & CSS How do I create a rounded image?
- Thread starter Malcolm
- Start date
TableFlipGod
King Coder
Yes it would work very well in css! You can also use javascript (idk how i dont use js) but you can if you use css with javascript, sorry if this is advanced for you but general context should work.
D
Dan-Kode
Guest
Yes, it is possible to make Images round. To do that, you'd need to use Border-Radius:
Example:
Ghost's Answer(Figured I'd include it as it's also correct):
Spot on answer!
You can also do this:
border-radius:10px 25px 5px 15px;
That will cause every corner to have a different radius, in the order of top left, top right, bottom right, bottom left. I think that's the order at least lol
Example:
Border-Radius: 50px;Ghost's Answer(Figured I'd include it as it's also correct):
Spot on answer!
You can also do this:
border-radius:10px 25px 5px 15px;
That will cause every corner to have a different radius, in the order of top left, top right, bottom right, bottom left. I think that's the order at least lol
Last edited by a moderator:
Ghost
King Coder
Spot on answer!
You can also do this:
border-radius:10px 25px 5px 15px;
That will cause every corner to have a different radius, in the order of top left, top right, bottom right, bottom left. I think that's the order at least lol
NAAZANIQUA
Active Coder
The CSS property border-radius adds rounded corners on images.
Rounded Corners on Images
Rounded Corners on Images
- Add the image to your page.
- Add a class to your image
- Style your corners.
- When you have the corners looking the way you want, add your styles to your site's CSS.
Because you want to support older browsers, not everyone uses the latest.
Vendor Prefix - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
Browser vendors used to add prefixes to experimental or nonstandard CSS properties and JavaScript APIs, so developers could experiment with new ideas. This, in theory, helped to prevent their experiments from being relied upon and then breaking web developers' code during the standardization...
developer.mozilla.org
Thanks for sharing!Because you want to support older browsers, not everyone uses the latest.
Vendor Prefix - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
Browser vendors used to add prefixes to experimental or nonstandard CSS properties and JavaScript APIs, so developers could experiment with new ideas. This, in theory, helped to prevent their experiments from being relied upon and then breaking web developers' code during the standardization...