buttons style : demo 69

HTML

(CSS Framwork: Bootstrap)

CSS

(Fonts required: Lobster.)
                        .btn{
                            color: #fe6d6d;
                            background-color: rgba(0,0,0,0.05);
                            font-size: 25px;
                            font-family: 'Lobster', cursive;
                            text-transform: capitalize;
                            letter-spacing: 1px;
                            padding: 5px 10px;
                            border-radius: 0;
                            position: relative;
                            transition: all 0.3s;
                        }

                        .btn:hover{
                            color: #fff;
                            background-color: #fe6d6d;
                            transform: rotateX(360deg);
                        }

                        .btn-sm{ font-size: 20px; }
                        .btn-xs{ font-size: 16px; }

                        .btn.blue{ color: #22ace3; }
                        .btn.blue:hover{
                            color: #fff;
                            background-color: #22ace3;
                        }

                        .btn.orange{ color: #f56f17; }
                        .btn.orange:hover{
                            color: #fff;
                            background-color: #f56f17;
                        }

                        .btn.green{ color: #47cf77; }
                        .btn.green:hover{
                            color: #fff;
                            background-color: #47cf77;
                        }

                        @media only screen and (max-width: 767px){
                            .btn{ margin-bottom: 20px; }
                        }

                    
License Terms