Inspired by the new Netflix site has these cool cards when you hover the image.
A Pen by Lewi Hussey on CodePen.
A973C A973C
A973C
/ Netflix style cards.markdown
Last active
May 22, 2021 07:49
— forked from CodeMyUI/Netflix style cards.markdown
Netflix style cards
A973C
/ Backburger icon.markdown
Last active
May 22, 2021 07:47
— forked from CodeMyUI/Backburger icon.markdown
Backburger icon
The recreation of the new "backburger" icon, used in the Android's Slack app
A Pen by Brian Calm on CodePen.
A973C
/ Windows like Busy loader.markdown
Last active
May 22, 2021 07:46
— forked from CodeMyUI/Windows like Busy loader.markdown
Windows like Busy loader
A973C
/ CSS Raindrops (simple version).markdown
Last active
May 22, 2021 07:46
— forked from CodeMyUI/CSS Raindrops (simple version).markdown
CSS Raindrops (simple version)
Simple version of the CSS Raindrops experiment, for a demonstration.
A Pen by Lucas Bebber on CodePen.
A973C
/ CSS3 Animated Clouds.markdown
Created
June 27, 2016 05:21
— forked from CodeMyUI/CSS3 Animated Clouds.markdown
CSS3 Animated Clouds
Just some CSS3 Animations to recreate the sky.
A Pen by Montana Flynn on CodePen.
A973C
/ Google Photos Material Gallery.markdown
Created
June 27, 2016 05:36
— forked from CodeMyUI/Google Photos Material Gallery.markdown
Google Photos Material Gallery
A973C
/ Hover squares.markdown
Created
June 27, 2016 05:36
— forked from CodeMyUI/Hover squares.markdown
Hover squares
A Pen by Rudolf van der Ven on CodePen.
A973C
/ Modal Animations.markdown
Created
June 27, 2016 05:39
— forked from CodeMyUI/Modal Animations.markdown
Modal Animations
Most of the time these slide in or fade in - just playing with other instantiation animations.
All animations are class-driven, and are animating the exact same HTML elements.
A Pen by Jesse Couch on CodePen.
A973C
/ index.html
Last active
July 10, 2016 07:19
— forked from luruke/smashingmagazine.js
Source code of the demo "Improving User Flow Through Page Transitions" on Smashing Magazine.
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
| <header> | |
| … | |
| </header> | |
| <main> | |
| <div class="cc"> | |
| … | |
| </div> | |
| </main> |
A973C
/ BookMarklet Get YouTube poster image.html
Created
September 4, 2016 08:46
— forked from luisnomad/BookMarklet Get YouTube poster image.html
Get the current YouTube video's poster image (highest resolution available) with this simple Bookmarklet
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
| <a href ="javascript:(function()%7Bfunction%20getParameterByName(name)%20%7Bname%20%3D%20name.replace(%2F%5B%5C%5B%5D%2F%2C%20%22%5C%5C%5B%22).replace(%2F%5B%5C%5D%5D%2F%2C%20%22%5C%5C%5D%22)%3Bvar%20regex%20%3D%20new%20RegExp(%22%5B%5C%5C%3F%26%5D%22%20%2B%20name%20%2B%20%22%3D(%5B%5E%26%23%5D*)%22)%2Cresults%20%3D%20regex.exec(location.search)%3Breturn%20results%20%3D%3D%20null%20%3F%20%22%22%20%3A%20decodeURIComponent(results%5B1%5D.replace(%2F%5C%2B%2Fg%2C%20%22%20%22))%3B%7Dvar%20id%20%3D%20getParameterByName%20(%22v%22)%3Bif%20(typeof%20id%20!%3D%3D%20null%20%26%26%20id%20!%3D%3D%22%22)%20%7Bvar%20url%20%3D%20%22http%3A%2F%2Fimg.youtube.com%2Fvi%2F%22%20%2B%20id%20%2B%20%22%2Fmaxresdefault.jpg%22%3Bwindow.open(url%2C'_blank')%3B%7D%20else%20%7Balert%20(%22Activate%20the%20tab%20in%20your%20browser%20where%20the%20YouTube%20video%20is%20loaded%20and%20try%20again!%22)%3B%7D%7D)()">Grab Poster Image</a> |