Skip to content

Instantly share code, notes, and snippets.

View russgossett's full-sized avatar

Russ Gossett russgossett

2 followers · 3 following
View GitHub Profile
@russgossett
russgossett / index.html
Last active April 16, 2020 08:41 — forked from anonymous/index.html
Parallax Scrolling technique
<body>
<ul id="nav">
<li><a href="#intro" title="Next Section"><img src="http://placekitten.com/50/50" /></a></li>
<li><a href="#second" title="Next Section"><img src="http://placekitten.com/50/50" /></a></li>
<li><a href="#third" title="Next Section"><img src="http://placekitten.com/50/50" /></a></li>
<li><a href="#fifth" title="Next Section"><img src="http://placekitten.com/50/50" /></a></li>
</ul>
<div id="intro">
<div class="story">
@russgossett
russgossett / index.html
Last active December 12, 2015 12:48 — forked from anonymous/index.html
Use custom HTML tags
<!-- why not -->
<song>
<img src="http://placekitten.com/60/60">
<song-meta>
<name>Name of Song</name>
<artist>Name</artist>
<album class="hidden">add Album</album>
@russgossett
russgossett / index.html
Created February 14, 2013 16:49 — forked from anonymous/index.html
Pure CSS Album/Record
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="record"></div>
<!--div class="songlist-img-wrap" style="height: 60px;width: 60px;background: #363636;overflow: hidden;position: relative;border-radius:4px;">
<div class="outerCirc" style="height: 50%;width: 50%;border: 16px solid #272727;border-radius: 50%;">
@russgossett
russgossett / index.slim
Created July 1, 2013 12:28 — forked from anonymous/index.slim
CSS Page curls
ul.box
li hello
li you the man
li yeah you are
@russgossett
russgossett / index.html
Created May 15, 2014 13:38 — forked from anonymous/EIhHm.markdown
multi-line ellipsis content
<link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
<div class="card">
<div class="info">
<h2 class="line-clamp">Headline: Seattle Business Owners Turn To An Unlikely Source Of Consultants: UW Undergrads</h2>
<p>6 hours ago</p>
</div>
</div>
<div class="card">