scroobius scroobius - 4 months ago 16
CSS Question

How can i partially hide text vertically in html

This is the image of the half hidden text from a website called sounddrown
sound drown

i am trying to replicate the half hidden behavior of the sounddrown text.it doesnt seem to be a picture. Here is the full website http://soundrown.com

Answer

Try this...

.topDiv div{
    z-index: 9999;
    position: relative;
    font-size: 24px;
    letter-spacing: 6px;
    top: 6px;
}
.topDiv{
    height: 24px;
    margin-left: 100px;
    margin-top: 40px;
    width: 190px;
    overflow: hidden;
}
<div class="topDiv">
<div>
 Your Text
</div>

</div>

Comments