Use -webkit-background-clip: text and -webkit-fill-text-color : transparent to apply a background to a text on webkit browser.
Set a color fallback for other browser.
Base on this article from Divya Manian : http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html
A Pen by TimothyMwangi on CodePen.
A Pen by TimothyMwangi on CodePen.
Girl drawn and animated using only CSS.
A Pen by TimothyMwangi on CodePen.
I'm not a blockbuster kind of guy, but I just can't resist when it comes to Starwars. It's such a captivating saga. The divine Force that connects us all, the inner battle against evil, and of course the little companion droids. BB8 is such a well designed character. While recognising some reused features from R2D2's lovable personality, we also so see a reinvented droid with his own quirky style and functionality.
Making a BB8 graphic (SVG) and bringing him to life (GSAP) was my way of getting some quality time and getting to know the little guy.
| <!-- START OF THE FLEX CONTAINER, THE UNORDERED LIST --> | |
| <ul class="grid-wrap"> | |
| <!-- WP LOOP STARTS HERE --> | |
| <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> | |
| <!-- LIST ITEM FOR EACH POST --> | |
| <li class="grid-item"> | |
| <!-- FEATURED IMAGE FOR THE POST --> |
Read more: http://bit.ly/18Wq01O
A Pen by TimothyMwangi on CodePen.