How To Create Stitched Button CSS - shoutech

Beranda » CSS » How To Create Stitched Button CSS

How To Create Stitched Button CSS

In this tutorial we'll learn about to How to create stitched button using CSS3.

Stitched Button CSS

Stitched Button CSS

Demo

HTML

1

2

3

4

5

<div class="stitch-back">

<div class="stitched">

  Stitched up

</div>

</div>

CSS

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

.stitch-back{   

  background:#33f;

  border-radius:15px;

  box-shadow: 1px 1px 3px 3px #ccc;

  padding: 5px;

  float:left;

}

.stitched{

  border: 2px dashed #fff;

  border-radius:10px;

  color:#fff;

  font-size:21px;

  font-weight:bold;

  line-height:1.3em;

  padding:20px;

}

Tag : CSS

Back To Top