.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; }