The CSS background clip property is a nice css property. In webkit their is something even cooler you can use to cut out text! This is something I wish was available now for all browsers as it is a really cool and creates a great effect. I recently had a project and wished to desperately use this but unfortunately the only support for it is in webkit browsers. So for my project I had to create a non css method instead. Anyway onto what I am on about. If you set a background image to text and then use the webkits background clip and and text-fill-color like so:
background:url(http://lorempixel.com/1900/900/animals/9) no-repeat;
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
You get a wonderful effect like so:

Prompt title

Large Big Text

Please remember this only works in webkit browsers so please view this page in chrome or safari to see it!

Monthly Archives: August 2013

CSS background clip text

The CSS background clip property is a nice css property. In webkit their is something even cooler you can use to cut out text! This is something I wish was available now for all browsers as it is a really cool and creates a great effect. I recently had a project and wished to desperately

Read more

Recursion

Have you ever heard someone use this phrase: it’s a recursive function well lets explain it quick: Recursion: A function that calls itself So have you ever seen code that has many layers/levels of foreach loops do something? I can actually recall a function that would be called and had around 4-5 foreach loops running

Read more