ganshoot

  
  <h3 class="xmajor spacer_tenth">In the next 3 minutes, you will help</h3>
<h2 class="major spacer_quarter"><span class="highlight ext_underline">Solve</span> the Water Crisis</h2>

<a class="button xwide" href="#slide/2" title="Let's Go">Let’s Go</a>

ganshoot

<section id="features" class="l-marketing-feature-briefs" data-url-path="features">
  <div class="marketing-feature-brief">
    <a href="#payments" class="marketing-feature-brief__graphic js-scroll-link"><span class="marketing-feature-brief__graphic__inner marketing-feature-brief__graphic__inner--payments">Payments</span></a>
    <h2 class="marketing-feature-brief__heading"><a href="#payments" class="js-scroll-link">Effortless integrated payments.</a></h2>
    <p class="marketing-feature-brief__description">There’s no easier way to accept recurring or one-time credit card payments for your space. And it takes minutes to set up.</p>
  </div>
  <div class="marketing-feature-brief">
    <a href="#booking" class="marketing-feature-brief__graphic js-scroll-link"><span class="marketing-feature-brief__graphic__inner marketing-feature-brief__graphic__inner--booking">Booking</span></a>
    <h2 class="marketing-feature-brief__heading"><a href="#booking" class="js-scroll-link">Track bookings and resources.</a></h2>
    

ganshoot

Slide Up Circle CSS3

A circle sliding up realized with CSS3 only.

A CodePen by ganshoot.

ganshoot

GSAP JS: multiple text-shadow

Simple demo showing animation of elements with multiple text-shadows : http:www.greensock.com/gsap-js/

special thanks to Daniel Riemer who created the text-shadow style and original pen :

http://codepen.io/zitrusfrisch

A Pen by GreenSock on CodePen.

ganshoot

funky teCSSt

Re-inspired by http://darcyclarke.me/dev/hawtcss/#landing-slide

A Pen by James Basoo on CodePen.

License.

ganshoot

Complex Text Shadow Examples

Compilation of some fancy text shadows from around the web:

• http://blog.typekit.com/2011/07/19/shading-with-css-text-shadows/
• http://css-tricks.com/snippets/css/two-color-three-dimensional-blocks-and-text/
• http://www.3dcsstext.com/
• http://markdotto.com/playground/3d-text/

A Pen by Chris Coyier on CodePen.

ganshoot

CSS3 text-shadow effects

A Pen by Jorge Epuñan on CodePen.

License.

ganshoot

NEW Flexbox: Fluid-Fixed-Fluid

A Pen by Chris Coyier on CodePen.

License.

ganshoot

Centered fluid width navigation with floating links thanks to fit-content

A Pen by Martin Wolf on CodePen.

License.

ganshoot

A Pen by ganshoot

A Pen by ganshoot on CodePen.

License.