Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Stitched Effect using CSS

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 363
    Comment on it

    we can achieve numerous effects by simply using CSS, we just need to use our innovativeness and creativity. This time, as the title recommends, we are making stitched effect by simply using CSS.

    For creating stitched effect, first, we have to create an HTML document naming stitched.html and a CSS file naming style.css and then we have to link our CSS file with our HTML document by simply using below link within head tag of our HTML document.

    <link rel="stylesheet" href="style.css">

    Then in our HTML file, we have to simply put one div element within body tag which contains background color.

    <div class="stitched_demo"></div>

    Now in our css document we have to put below code.

          .stitched_demo {  
           width: 250px;  
           padding: 25px;  
           margin: 11px;  
           background: grey;  
           font-weight: bold;   
           border: 2px dashed #fff;  
           border-radius: 10px;  
           box-shadow: 0 0 0 4px grey, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);  
           text-shadow: -1px -1px #aa3030;  
           font-weight: normal;  
        }  

    Working demo:- https://jsfiddle.net/qdn2dy4m/5/

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: