CSS animation tutorial by Val Head.
A Pen by Lori Labrie on CodePen.
Lori Labrie llabrie
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <div class="container"> | |
| <h1>Little Star Bright<h1> | |
| <button><img id="myImg" src="https://res.cloudinary.com/dtw81jtxl/image/upload/v1483313984/Little_Star_bright2_kiyjef.png"alt="Star"></button> | |
| </div> | |
| <h2>Click Twice and Make a Wish Tonight</h2> |
modifying x and y axis transform with colorzilla gradient backgound
A Pen by Lori Labrie on CodePen.
llabrie
/ bottles-using-js-object-array-and-flexbox.markdown
Last active
November 23, 2017 02:20
Bottles using JS Object Array and Flexbox
practice with javascript
A Pen by Lori Labrie on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>The DOM</title> | |
| </head> | |
| <body> | |
| <h1>Changing Content in the DOM</h1> |
A Pen by Lori Labrie on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <!--begin Image--> | |
| <!-- Invisible Box--> | |
| <div class="box"> | |
| <!--Body of car--> | |
| <div class="carBody"> | |
| <div class="car-copy"></div> | |
| </div> | |
| <!-- Outer Edge ~ Dark Red--> | |
| <div class="car-outer"></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <body> | |
| <div id="nav"><h1>Javascript</h1><h3>Watch for answer below.</h3></div> | |
| <p id="p1">Answer will appear here.</p> | |
| <input type="button" value="Click to see answer" | |
| onClick="showAnswer();"> </div> | |
| <div class="ball"></div></body> | |
| <html> |
llabrie
/ bounce-animate-hello-goodbye.markdown
Created
July 23, 2017 01:28
Bounce animate Hello Goodbye
jQuery for mouseenter, mouse leave and on click function and JavaScript to swap pic
A Pen by Lori Labrie on CodePen.
A Pen by Lori Labrie on CodePen.