Skip to content

Instantly share code, notes, and snippets.

@straydogstudio
Last active August 29, 2015 14:17
Show Gist options
  • Save straydogstudio/877ddda746fdd59f7485 to your computer and use it in GitHub Desktop.
Save straydogstudio/877ddda746fdd59f7485 to your computer and use it in GitHub Desktop.
CSS for FilmRoll headline
#newsbottom {
position: absolute;
bottom: 10px;
left: 15px;
right: 15px;
padding: 0;
/* black with white text */
background: rgba(0,0,0,0.3);
color: white;
/* or white with black text */
background: rgba(255,255,255,0.3);
color: black;
}
.film_roll_child.active #newsbottom {
/* do something different if active */
}
@straydogstudio
Copy link
Author

The background color with alpha lets you always see the text no matter what photo you are over (you force a contrast.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment