coolcssanimation.com

Website review coolcssanimation.com

Cool CSS Animation | Resources and tutorials for designers

 Generated on March 30 2026 09:29 AM

Old data? UPDATE !

The score is 63/100

SEO Content

Title

Cool CSS Animation | Resources and tutorials for designers

Length : 58

Perfect, your title contains between 10 and 70 characters.

Description

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

Length : 71

Great, your meta description contains between 70 and 160 characters.

Keywords

Very bad. We haven't found meta keywords on your page. Use this free online meta tags generator to create keywords.

Og Meta Properties

Good, your page take advantage of Og Properties.

Property Content
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

Headings

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!

Images

We found 18 images on this web page.

18 alt attributes are empty or missing. Add alternative text so that search engines can better understand the content of your images.

Text/HTML Ratio

Ratio : 32%

Ideal! This page's ratio of text to HTML code is between 25 and 70 percent.

Flash

Perfect, no Flash content has been detected on this page.

Iframe

Too Bad, you have Iframes on the web pages, this mean that content in an Iframe cannot be indexed.

URL Rewrite

Good. Your links looks friendly!

Underscores in the URLs

Perfect! No underscores detected in your URLs.

In-page links

We found a total of 24 links including 0 link(s) to files

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

SEO Keywords

Keywords Cloud

code translate0 keyframes classcirclediv css sass animation div animations transform

Keywords Consistency

Keyword Content Title Keywords Description Headings
div 43
css 43
animation 42
classcirclediv 33
code 23

Usability

Url

Domain : coolcssanimation.com

Length : 20

Favicon

Great, your website has a favicon.

Printability

We could not find a Print-Friendly CSS.

Language

Good. Your declared language is en.

Dublin Core

This page does not take advantage of Dublin Core.

Document

Doctype

HTML 5

Encoding

Perfect. Your declared charset is UTF-8.

W3C Validity

Errors : 0

Warnings : 0

Email Privacy

Great no email address has been found in plain text!

Deprecated HTML

Great! We haven't found deprecated HTML tags in your HTML.

Speed Tips

Excellent, your website doesn't use nested tables.
Too bad, your website is using inline styles.
Great, your website has few CSS files.
Too bad, your website has too many JS files (more than 6).
Perfect, your website takes advantage of gzip.

Mobile

Mobile Optimization

Apple Icon
Meta Viewport Tag
Flash content

Optimization

XML Sitemap

Missing

Your website does not have an XML sitemap - this can be problematic.

A sitemap lists URLs that are available for crawling and can include additional information like your site's latest updates, frequency of changes and importance of the URLs. This allows search engines to crawl the site more intelligently.

Robots.txt

https://coolcssanimation.com/robots.txt

Great, your website has a robots.txt file.

Analytics

Great, your website has an analytics tool.

   Google Analytics

PageSpeed Insights


Device
Categories

Free SEO Testing Tool

Free SEO Testing Tool is a free SEO tool which provides you content analysis of the website.