--- title: "Curve corners with shadow in HTML using CSS3" description: "In this blog I am creating a HTML application using CSS3, here this application I will create a Curve border image without using any photo editing sof" author: "Vijay Shukla" published: 2012-12-15 updated: 2014-09-18 canonical: https://www.mindstick.com/blog/405/curve-corners-with-shadow-in-html-using-css3 category: "css-css3" tags: ["css-css3"] reading_time: 1 minute --- # Curve corners with shadow in HTML using CSS3 In this blog I am creating a HTML [application](https://www.mindstick.com/articles/12824/calculator-application-in-android) using [CSS3](https://www.mindstick.com/articles/1534/stylish-css3-progress-bars), here this application I will create a Curve border image without using any photo [editing software](https://answers.mindstick.com/qa/107454/best-photo-editing-software-for-beginners) and also set the [shadow](https://yourviews.mindstick.com/view/87467/muslims-are-destroying-hindu-villages-under-the-shadow-of-mamta-banerjee) of that image.\ Below is code for creating the curve border image: ```

mindstick©

Unleash your Imagination

``` ##### div this tag is set the [style](https://www.mindstick.com/articles/126300/apa-citation-style-get-to-know-about-it-for-your-next-assignment) of the [background](https://www.mindstick.com/articles/65/how-to-change-background-color-of-tab-control-in-c-sharp). By the help of border-radius: we can create the curve border and box-shadow [attribute](https://www.mindstick.com/blog/221/attributes-reflection) is use for give the shadow of that image. ##### After showing this application on the browser we get below result: ![Curve corners with shadow in HTML using CSS3](https://www.mindstick.com/blogs/1ef21b3d-623a-4850-8ef9-bfeb6be492f0/images/d5a375e8-3411-4215-8887-7602c3b66cdb.png) --- Original Source: https://www.mindstick.com/blog/405/curve-corners-with-shadow-in-html-using-css3 Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.