lorem ipsum
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
lorem ipsum
filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);
lorem ipsum
filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px white) drop-shadow( 2px 0 white) drop-shadow( 0 -2px white) drop-shadow( -2px 0 white) drop-shadow( 0 3px black) drop-shadow( 3px 0 black) drop-shadow( 0 -3px black) drop-shadow(-3px 0 black) drop-shadow(1px 1px 0 red) drop-shadow(-1px 1px 0 red);
lorem ipsum
-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000000;
lorem ipsum
#fuck { -webkit-animation: pop 1s ease-in-out infinite alternate; animation: pop 1s ease-in-out infinite alternate; -moz-animation: pop 1s ease-in-out infinite alternate; } @keyframes pop { from { transform:scale(0.95) } 50% { transform:scale(1) } to { transform:scale(0.95) } } @-webkit-keyframes pop { from { -webkit-transform:scale(0.95) } 50% { -webkit-transform:scale(1) } to { -webkit-transform:scale(0.95) } }
lorem ipsum
background: linear-gradient(to top, #FFE0ED 0%, #FF78B1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FF4593;
lorem ipsum
background: -webkit-linear-gradient(#FF3131, #FFFFFF); -webkit-background-clip: text; -webkit-text-stroke: 1px transparent; color: white;
hover me
a:hover { webkit-filter: blur(0.5px); filter: blur(2px);
hover me
a { color: inherit; text-decoration: none; } a { background: linear-gradient( to right, rgba(100, 200, 200, 1), rgba(100, 200, 200, 1) ), linear-gradient( to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1) ); background-size: 100% 3px, 0 3px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 400ms; } a:hover { background-size: 0 3px, 100% 3px; }
hover me
a { box-shadow: inset 0 0 0 0 #54b3d6; color: #54b3d6; padding: 0 .25rem; margin: 0 -.25rem; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } a:hover { color: #fff; box-shadow: inset 200px 0 0 0 #54b3d6;; }
select me
::-moz-selection { /* EDIT THIS ONE TOO */ color: white; background: black; } ::selection { color: white; background: black; }