Interesting CSS effect

What's the Deal with :target in CSS?


Here's a neat effect to mark out the currently linked-to comment item. Put this in your journal's CSS:

.comment-thread div:target .comment { background-color: #000; } .comment { -webkit-transition: background-color 2s ease; -moz-transition: background-color 2s ease; -o-transition: background-color 2s ease; -ms-transition: background-color 2s ease; transition: background-color 2s ease; }


Then switch which comment is currently active by editing the #cmt... at the end of the URL.

I have custom comments turned off in my journal, so here's a demo of :target in action on a separate page.

Note: not currently useful for anything because we don't link to our comments this way -- but still kinda neat!