Ma page ne s'affiche pas comme prévu

Bonjour,

Je débute en css 3 et je suis plus ou moins bloqué, du moins je ne comprend pas pourquoi suite à un simple copier coller de code, ma page ne s'affiche pas comme sur l'exemple donné.

Voilà ce que je suis censé retrouver une fois le code collé

http://tympanus.net/Tutorials/CircleHoverEffects/

et voilà ce que moi je vois sur ma page.

http://i.cubeupload.com/t/H0HNyl.png

Mon code est celui-ci:

<ul class="ch-grid">
    <li>
        <div class="ch-item ch-img-1">
            <div class="ch-info">
                <h3>Use what you have</h3>
                <p>by Angela Duncan <a href="http://drbl.in/eOPF">View on Dribbble</a></p>
            </div>
        </div>
    </li>
    </ul>

et mon css le même que celui que l'on retrouve ici http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/comment-page-1/#comments pour l'exemple 1

Merci de m'éclairer la dessus, ça doit être basique mais au moins je vais pouvoir avancer et mieux comprendre la prochaine fois, en plus il est tard et plus j'essaie plus je m'enfonce.

Bonjour,

À première vue, il semblerait que les styles ne sont pas chargés, mais sans votre page en ligne, c'est du domaine de la divination, et ce n'est pas notre spécialité...
À tout hasard, en copiant/collant, vous n'auriez pas oublié de modifier les chemins d'accès aux fichiers (CSS, images...) ?
Sinon, votre exemple en ligne est plus que nécessaire