Sliding door with tail
I have one <H2>
with a background that has rounded corners. I'm looking for a way to create a string 1px
that moves from the window to the end of the container on the right. Anyone have an idea?
+1
psayre23
source
to share
2 answers
Well I finally gave up and got stuck in a div. :(
CSS
#content h2 {
background: url (../ images / bg-page-title.png) -900px 0px no-repeat;
font: 1.4em Georgia, Times, Arial bold;
height: 40px;
margin: 0px 20px;
text-transform: uppercase;
}
#content h2 .head {
background: url (../ images / bg-page-title.png) no-repeat;
float: left;
padding: 8px 20px;
height: 100%;
}
#content h2 .tail {
background: url (../ images / bg-page-title.png) -857px 0px no-repeat #ffffff;
float: left;
height: 100%;
width: 15px;
}
Html
<h2>
<div class = "head"> Find A Job </div>
<div class = "tail"> & nbsp; </div>
</h2>
+1
psayre23
source
to share
Include line in background image
0
brian
source
to share