Skip to content

Instantly share code, notes, and snippets.

Oli Studholme oli

Block or report user

Report or block oli

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@oli
oli / dabblet.css
Created Apr 21, 2012 — forked from benschwarz/dabblet.css
duplicating a :hover transition using animation
View dabblet.css
/* duplicating a :hover transition using animation */
article {border: 1px solid red; min-height: 100px;}
.transition {
float: right;
transition: all 250ms;
margin-top: 20px;
opacity: 0;
}
article:hover .transition {
opacity: 1;
@oli
oli / dabblet.css
Created Mar 7, 2012 — forked from ZeeAgency/dabblet.css
Crossfade images by transitioning background-image
View dabblet.css
/* Crossfade images by transitioning background-image */
/* tweaked from dabblet by Zee Agency mentioned in https://twitter.com/ChromiumDev/status/174568285822664704 */
div {
width: 400px;
height: 200px;
background-image: url("http://lorempixel.com/400/200/animals/1/");
background-repeat: no-repeat;
transition: background-image 0.5s;
}
div:hover {
@oli
oli / gist:1052588
Created Jun 29, 2011
Example of blockquote with cite + schema.org
View gist:1052588
<blockquote cite="https://twitter.com/aaronbassett/status/84037182196678658">
<p>I had ice-cream tonight. It was awesome.</p>
<footer itemscope itemtype="http://schema.org/Person">
— <a href="https://twitter.com/aaronbassett" itemprop="url"><span itemprop="name">Aaron Bassett</span></a>
on <cite><a href="https://twitter.com/aaronbassett/status/84037182196678658">Twitter</a></cite>
</footer>
</blockquote>
You can’t perform that action at this time.