Tumblelog by Soup.io
Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.
0989 0f69
Soup is rolling out a new feature that allows per-post NSFW flags. Currently, you can switch between showing all NSFW posts or none. The latter hides that content entirely.

If you still want to pick and choose, which NSFW content to display, this CSS is the thing for you. NSFW posts are replaced with a warning sign and can be viewed by hovering over it with the mouse. Basic stuff.

I flagged this post as NSFW so you can see it in action.

.f_nsfw {
  background-image: url('http://asset-0.soup.io/asset/7963/0989_0f69.png');
  background-repeat: no-repeat;
  background-position: 115px 50%;
  transition: background-image .3s;

.f_nsfw:hover {
  background-position: initial;
  background-image: none;

.f_nsfw > * {
  opacity: 0;
  transition: opacity .3s;

.f_nsfw:hover > * {
  opacity: 1;

Replace the URL with whatever graphic you like (XCF for GIMP). Consider the graphic and CSS public domain, so feel free to improve them.

Note that this only works for @testkitchen members at this time! After joining, it might take some time for the new features to be available to you.
Tags: soup
Reposted bydonotmindmeRekrut-Knaichdevelopersfretkarandomuser

Don't be the product, buy the product!