coolcssanimation.com

Sivuston tiedot coolcssanimation.com

Cool CSS Animation | Resources and tutorials for designers

 Luotu Maaliskuu 30 2026 09:29 AM

Vanhentuneet tiedot? PÄIVITÄ !

Pisteet 63/100

SEO Sisältö

Otsikko

Cool CSS Animation | Resources and tutorials for designers

Pituus : 58

Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.

Kuvaus

Free tutorials and resources to learn to code CSS animation by example.

Pituus : 71

Hienoa, sinun meta-kuvauksesi sisältää väliltä70 ja 160 kirjainta.

Avainsanat

Erittäin huono. Emme löytäneen meta -sanoja sivultasi. Käytä Tätä ilmaista meta-kuvaus generaattoria lisätäksesi kuvauksen.

Open Graph (OG-tägit) tarjoavat mahdollisuuden merkitä verkkosivustojen sisältöä meta-tiedoilla.

Hienoa, sinun sivu käyttää hyödyksi Open Graph protokollaa (OG meta prop).

Omaisuus Sisältö
site_name Cool CSS Animation
title Cool CSS Animation | Resources and tutorials for designers
type website
url https://coolcssanimation.com/
description Free tutorials and resources to learn to code CSS animation by example.
image /img/cool-css-animation-thumbnail.png
image:alt Page image for Cool CSS Animation

Otsikot

H1 H2 H3 H4 H5 H6
1 8 10 0 0 0
  • [H1] Cool CSS Animation
  • [H2] CSS Animation Showcase
  • [H2] CSS Animation Tutorial
  • [H2] CSS Animation Cheatsheet
  • [H2] CSS Animation Examples
  • [H2] How to code cool CSS animations
  • [H2] CSS Animation Playground
  • [H2] CSS Animation Snippets
  • [H2] Cool CSS Animation
  • [H3] Create an HTML element to animate
  • [H3] Repeat the element to create a pattern
  • [H3] Add motion using CSS keyframes
  • [H3] Stagger the motion using CSS animation delay
  • [H3] Experiment with different values and properties
  • [H3] CSS Animation Basics
  • [H3] CSS Animation Easing & Timing
  • [H3] Sass Loops for CSS Animation
  • [H3] About this website
  • [H3] Thanks for visiting!

Kuvat

Emme löytäneet 18 yhtään kuvia tältä sivustolta.

18 Alt-attribuutit on tyhjiä tai poistettu. Lisää vaihtoehtoista tekstiä niin, että hakukoneet ymmärtävät paremmin kuvatesi sisällön.

Kirjain/HTML suhde

Suhde : 32%

Hipoo täydellisyyttä! Tämä sivu /sivut sisältää tekstiä suhteesssa HTML-koodiin on suurempi kuin 15, mutta kuitenkin alle 25 prosenttia.

Flash

Täydellistä!, Flash-sisältöä ei ole havaittu tällä sivulla.

html-dokumentti sivun sisälle (Iframe)

Erittäin huono, Web-sivuilla on Iframes, tämä tarkoittaa, että Iframe-sisältöä ei voida indeksoida.

URL- Uudelleenkirjoitus

Hyvä. Sinun linkkisi näyttävät puhtailta!

Alleviivaa URL-osoitteet

Täydellistä! URL-osoitteissasi ei ole merkintöjä.

Sivun linkit

Löysimme yhteensä 24 linkit jotka sisältää 0 linkit tiedostoihin

Ankkuri Tyyppi Mehu
Cool CSS Animation Sisäinen Antaa mehua
Scroll Animations Sisäinen Antaa mehua
Showcase Sisäinen Antaa mehua
Tutorial Sisäinen Antaa mehua
Cheatsheet Sisäinen Antaa mehua
How to trigger a CSS animation on scroll Sisäinen Antaa mehua
How to create scroll animations without a library Sisäinen Antaa mehua
The best scroll-based animation libraries Sisäinen Antaa mehua
The three concepts behind every scroll animation Sisäinen Antaa mehua
How to make scroll animations Sisäinen Antaa mehua
Element fade out on scroll Sisäinen Antaa mehua
Planar Shuffle Ulkoinen Antaa mehua
@mknadler Ulkoinen Antaa mehua
CodePen Ulkoinen Antaa mehua
Deep Rings Ulkoinen Antaa mehua
Möbius 6hedrons (pure CSS) Ulkoinen Antaa mehua
@thebabydino Ulkoinen Antaa mehua
trickling cubes (pure CSS 3D) Ulkoinen Antaa mehua
Shift Ulkoinen Antaa mehua
@nickcil Ulkoinen Antaa mehua
Shuffling Squares Ulkoinen Antaa mehua
Four Corners Ulkoinen Antaa mehua
Hypnotized Ulkoinen Antaa mehua
Nick Ciliak Ulkoinen Antaa mehua

SEO avainsanat

Avainsana pilvi

animation css div classcirclediv code transform keyframes animations translate0 sass

Avainsanojen johdonmukaisuus

Avainsana Sisältö Otsikko Avainsanat Kuvaus Otsikot
div 43
css 43
animation 42
classcirclediv 33
code 23

Käytettävyys

Url

Sivusto : coolcssanimation.com

Pituus : 20

Pikkukuva (favicon)

Hienoa, sinun sivulla on favicon (pikakuvake).

Tulostettavuus

Emme löytäneet tulostusystävällistä CSS-palvelua.

Kieli

Hyvä. Ilmoitettu kieli on en.

Metatietosanastostandardi informaatio (DC)

Tämä sivu ei käytä hyödyksi (DublinCore =DC) metatietosanastostandardi informaatiokuvausta.

Dokumentti

(dokumenttityyppi); Merkistökoodaus

HTML 5

Koodaus/tietojenkäsittely

Täydellistä. Ilmoitettu asiakirjan merkkijono on UTF-8.

W3C Voimassaolo

Virheet : 0

Varoitukset : 0

Sähköpostin yksityisyys

Mahtavaa!sähköpostiosoitteita ei ole löytynyt tavallisesta tekstistä!

HTML Epäonnistui

Hienoa! Emme ole löytäneet vanhentuneita HTML-tunnisteita HTML-koodistasi.

Nopeus neuvot

Erinomaista, verkkosivustosi ei käytä sisäkkäisiä taulukoita.
Harmillista, Sivustosi käyttää sisäisiä tyylejä.
Hienoa, Sivustossasi on muutamia CSS-tiedostoja.
Harmillista, sivustossasi on liikaa JavaScript-tiedostoja (enemmänkuin6).
Täydellistä, Sivustosi hyödyntää gzipia.

Mobiili

Mobiili optimointi

Apple-kuvake
Meta Viewport -tunniste
Flash sisältö

Optimoi

XML Sivukartta

Puuttuu

Sivustollasi ei ole XML-sivukarttaa - tämä voi olla ongelmallinen.

Sivukartta sisältää URL-osoitteita, jotka ovat käytettävissä indeksointiin ja voivat sisältää lisätietoja, kuten sivustosi uusimmat päivitykset, muutosten tiheydet ja URL-osoitteita. Tämä sallii hakukoneiden indeksoida sivuston älykkäästi.

Robots.txt

https://coolcssanimation.com/robots.txt

Hienoa, sivustossasi on robots.txt-tiedosto.

Analyysit

Hienoa, sivustossasi on analyysityökalu.

   Google Analytics

Sivuston nopeus

Laite
Luokat

Free SEO Testing Tool

Free SEO Testing Tool On ilmainen SEO työkalu, joka auttaa sinua analysoimaan Web-sivusi