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.