Don't Miss

Create a Stitched Effect Using CSS

By Zohaib Liaqat - 6 Comments
Everything is possible with the power of CSS and when it comes to blog design, designers and web developers are using different techniques for customizing their different blog elements. Almost all the customizations are done using CSS. There are thousands of visual effect we can achieve with CSS, the only limit is our imagination.

Today we're going to share a simple CSS trick: Creating a Stitched Effect using CSS, today we'll show you that how to create a stitched effect using CSS. You can use this effect for your heading, or you can also use it for stylizing your navigation menus, sidebar etc. using the CSS Markup. Let's start
Create a Basic Stitched Effect Using CSS
HTML Markup

<div class="stitched">

CSS Markup

.stitched {
   background: #2aa4cf;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
   line-height: 1.3em;
   padding: 10px;
   margin: 10px;
   border: 2px dashed #000000;
   border-radius: 7px;
   box-shadow: 0 0 0 4px #2aa4cf, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #2aa4cf;

For people using, learn How to Add CSS Codes to Blogger Using Template Designer. After adding the CSS Markup and use it anywhere.

Check out some more cool CSS Tricks

Thats all. So, try this simple CSS trick and stylize your blog.
Share this article with your friends and don't forget to Join our Bloggers Forum on Facebook @

6 comments to ''Create a Stitched Effect Using CSS"

  1. No doubt without css no can get success in web designing. thanks for sharing great post with us.
    Regards, ibrahim

  2. Just wow! I need this in my life. I need to get someone to write my essay about this. Thanks for the ideas you share!

  3. I had a great time reading this kind of valuable post. Please keep sharing and enlightening your readers' minds. Visit my Lawrence Todd Maxwell pinterest page when you have some spare time.

  4. Hello everybody! I’m very glad to have such an informative forum by you as with its help I could easily find out different news and facts. If you are not experienced at capstone project writing, a capstone project paper writing service will do everything to let you flourish and excel in your studies. While working on your project, you must convince your tutor that you have mastered the skills and knowledge required in your program.

  5. Great post, you have pointed out some fantastic details , I besides believe this s a very great website.

  6. Hello! If you see that you have no time fro writing your papers then it's better to apply to the essay writing service. There you can find information about how to write your papers rightly. Here is the site grant proposal paper writer