# "I am a proud non-reader of books."

Read More

This is a really cool single-div CSS effect where the downward-background-arrow, which is totally trendy right now, has a seamless background image in it.

Unfortunately, it isn't clipping-based. You have to change the border-bottom values (line 40 and 49) to the color you want it to blend with- in this case, white. On the :before element, width defines the position from the left. On the :after element, it's left .

This could also theoretically be done with clipping, but this works just as well and is way easier and more supported to implement. I hope you like the snippet!

- Mac