CSS-Tricks Example

CSS Image Replacement Museum

2003 Fahrner Image Replacement #

<h3 class="fahrner">
    <span>CSS-Tricks</span>
  </h3>

CSS-Tricks

Notes

2003 Radu Darvas Technique #

<h3 class="radu">
  CSS-Tricks
</h3>

CSS-Tricks

Notes

2003 Phark Method #

<h3 class="phark">
  CSS-Tricks
</h3>

Phark Method

Notes

2003 Radu Darvas Shim #

<h3 class="radu-shim">
  <img src="blank.gif" alt="CSS-Tricks">
  <span>CSS-Tricks</span>
</h3>

CSS-Tricks CSS-Tricks

Notes

2003 Leahy / Langridge #

<h3 class="leahy">
  CSS-Tricks
</h3>

CSS-Tricks

2003 Leon Dwyer Method #

<h3 class="leon">
  <span>CSS-Tricks</span>
</h3>

CSS-Tricks

Notes

2003 Gilder/Levin Technique #

<h3 class="levin">
  <span></span>CSS-Tricks
</h3>

CSS-Tricks

Notes

2003 Phark Method #

<h3 class="phark">
  CSS-Tricks
</h3>

Phark Method

Notes

2003 The Lindsay Method #

<h3 class="russ">
  CSS-Tricks
</h3>

CSS-Tricks

2003 Shea Enhancement #

<h3 class="shea" title="CSS-Tricks">
  <span></span>CSS-Tricks
</h3>

CSS-Tricks

Notes

2005 Malarkey Image Replacement #

<h3 class="mir">
  CSS-Tricks
</h3>

CSS-Tricks

Notes

2005 Thierry Image Placement #

<h3 class="thierry">
  <img src="blank.gif" alt="">
  CSS-Tricks
</h3>

CSS-Tricks

Notes

2006 Nash Image Replacement #

<h3 class="nir">
  CSS-Tricks
</h3>

CSS-Tricks

Notes

2007 Yet Another Image Replacement Method #

<h3 class="yairm">
  CSS-Tricks
</h3>

CSS-Tricks

2008 Phark with Inline Image #

<h3 class="phark2">
  <img src="test.png" alt="CSS-Tricks" />
</h3>

CSS-Tricks

Notes

2010 Improved NIR #

<h3 class="nir">
  CSS-Tricks
</h3>

CSS-Tricks

Notes

2012 Scott Kellum Method #

<h3 class="skm">
  CSS-Tricks
</h3>

CSS-Tricks

Notes

2012 H5BP Image Replacement #

<h3 class="h5bp">
  CSS-Tricks
</h3>

CSS-Tricks

Notes