We're a place where coders share, stay up-to-date and grow their careers.
CSS
Just add the class removeFirstAndLastLetter to a tag, and see the first and last letter "removed" from the text 😋
removeFirstAndLastLetter
.removeFirstAndLastLetter { background: #fff; font-family: monospace; white-space: nowrap; position: relative; display: inline-block; } .removeFirstAndLastLetter::before, .removeFirstAndLastLetter::after { content: "\00a0"; background: #fff; top: 0; display: block; position: absolute; height: 100%; width: auto; } .removeFirstAndLastLetter::after { right: 0; }
And as an extra, it can be stylized and animated, so you can see the letters fade out:
Ha! This one is great.
Thanks :)
CSS
Just add the class
removeFirstAndLastLetter
to a tag, and see the first and last letter "removed" from the text 😋And as an extra, it can be stylized and animated, so you can see the letters fade out:
Ha! This one is great.
Thanks :)