I recreated this button from Dribbble with CSS gradients and the background-size property.
My second ever SASS pen. :)
Answer to this SO question:
http://stackoverflow.com/q/15121273/1397351
A Pen by Saminou yengue kizidi on CodePen.
A Pen by Saminou yengue kizidi on CodePen.
Just playing with some CSS filters and how they animate.
A Pen by Saminou yengue kizidi 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
import sys | |
import colorsys | |
from colorz import colorz | |
WALLPAPER = '/home/james/.wallpaper' | |
COLORS = '/home/james/.colors' | |
XRESOURCES = '/home/james/.Xresources' | |
cols = '' | |
xres = """ |
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
[ | |
{name: 'Afghanistan', code: 'AF'}, | |
{name: 'Åland Islands', code: 'AX'}, | |
{name: 'Albania', code: 'AL'}, | |
{name: 'Algeria', code: 'DZ'}, | |
{name: 'American Samoa', code: 'AS'}, | |
{name: 'AndorrA', code: 'AD'}, | |
{name: 'Angola', code: 'AO'}, | |
{name: 'Anguilla', code: 'AI'}, | |
{name: 'Antarctica', code: 'AQ'}, |
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
<div class="magnifier-demo"> | |
<div class="magnifier-demo__image-wrapper"> | |
<img id="magnifier-img" src="https://static.pexels.com/photos/1188/city-landmark-lights-night.jpg"> | |
<span class="magnifier-demo__zoomer"></span> | |
</div> | |
<div class="magnifier-demo__zoom-preview"></div> | |
</div> |
OlderNewer