breadcrumb style : demo 3

HTML

CSS

                        .breadcrumb{
                            padding: 15px 15px 15px 50px;
                            margin: 0;
                            background: #12abb3;
                            border-radius: 5px;
                            overflow: hidden;
                        }
                        .breadcrumb li{
                            float: left;
                            position: relative;
                        }
                        .breadcrumb li:first-child{
                            width: 70px;
                            height: 70px;
                            border-radius: 50%;
                            background: #12abb3;
                            box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
                            text-align: center;
                            position: absolute;
                            top: -10px;
                            left: -10px;
                            z-index: 1;
                            transition: all 0.1s ease 0s;
                        }
                        .breadcrumb li:hover:first-child{ transform: scale(1.1); }
                        .breadcrumb li:first-child a{
                            font-size: 30px;
                            line-height: 70px;
                        }
                        .breadcrumb > li:first-child + li:before{ display: none; }
                        .breadcrumb li.active,
                        .breadcrumb li a{
                            font-size: 14px;
                            color: #fff;
                        }
                    
License Terms