A simple card flip effect using Anime.js
A Pen by Marcos Paulo on CodePen.
| /* Visual Effects | |
| ------------------------------------------------------- */ | |
| .selector { | |
| box-shadow: 0px 2px 5px rgba(0,0,0,0.2); | |
| -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); | |
| -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); | |
| border-radius: px; | |
| -webkit-border-radius: px; | |
| -moz-border-radius: px; |
| # This is a template .gitignore file for git-managed WordPress projects. | |
| # | |
| # Fact: you don't want WordPress core files, or your server-specific | |
| # configuration files etc., in your project's repository. You just don't. | |
| # | |
| # Solution: stick this file up your repository root (which it assumes is | |
| # also the WordPress root directory) and add exceptions for any plugins, | |
| # themes, and other directories that should be under version control. | |
| # | |
| # See the comments below for more info on how to add exceptions for your |
| RewriteEngine On | |
| RewriteRule .* http://something.com |
| /bootstrap/compiled.php | |
| /vendor | |
| composer.phar | |
| composer.lock | |
| .DS_Store | |
| Thumbs.db |
| (?<=\{)[^}]+(?=\}) |
A simple card flip effect using Anime.js
A Pen by Marcos Paulo on CodePen.
| <section id="one"> | |
| <div class="inner innerS1"> | |
| <h1>Simple ScrollMagic Tutorial</h1> | |
| <p>Learn how to create a <strong>simple scrolling website</strong> using ScrollMagic</p> | |
| </div> | |
| </section> | |
| <section id="two"> | |
| <div class="innerText innerS2"> | |
| <h2>Why to learn ScrollMagic?</h2> | |
| <ul class="features"> |
This is a test showing how the browser's vertical scrollbar can control a Greensock TimelineLite animation.
A Pen by Adrian Parr on CodePen.