html - Make an overlapping button -


i make flap infront of buton... ideas?

.button {     position:absolute;     top:240px;     left: 452.5px;     width:110px;     height:40px;      display: block;     margin-bottom: 10px;     text-align: center;     line-height: 30px;     margin: 20px;     cursor: pointer;     color: #fff;     text-align: center;     border: solid #009c93 1px;     border-top-right-radius: 7px;     border-bottom-right-radius: 7px;     background: #009c93;     text-shadow: 2px 2px #222222); } 

they using this:

.button::before {     content: '';     position: absolute;     border-width: 8px 8px 8px 0;     border-style: solid solid solid none;     border-color: transparent #d83c3c transparent;     top: 12px;     left: -6px; } 

btw. placeholder has nothing this! it's pure css.


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -