InautiloHotspots for Online Professionals

Search form

  • All
  • Business
  • Design
  • Code
DesignResources

100 underline/overlay animations

Pure CSS animations for menu items and links? Search no more.

by Temani Afif
DevelopmentSamples

How to create a section divider using CSS

A tutorial and an online generator to build fancy section dividers.

by Temani Afif
DevelopmentSamples

Full-width background color

A CSS one-liner to extend the background color beyond an element.

by Temani Afif
DevelopmentSamples

Exploring CSS Grid’s implicit grid and auto-placement powers

Beyond the classic approach to CSS Grids.

by Temani Afif
DesignSamples

CSS Pattern

A collection of more than 100 unique CSS patterns coded from scratch.

by Temani Afif
DevelopmentSamples

Fancy CSS 3D effects for images

Dynamic images with perspective, depth, rotations, and shines.

by Temani Afif
DevelopmentSamples

CSS Loaders

500+ loaders with just a single HTML element and CSS.

by Temani Afif
DevelopmentResources

The complex but awesome CSS ‘border-image’ property

A smart way to craft decorative shapes and accents.

by Temani Afif
DevelopmentResources

Modern CSS tooltips and speech bubbles (part 1)

Flexible tooltip solutions with minimal code.

by Temani Afif
DevelopmentResources

Modern CSS tooltips and speech bubbles (part 2)

Flexible tooltip solutions in many shapes.

by Temani Afif
DevelopmentResources

CSS tooltips and speech bubbles

Customizable shapes using a single HTML element.

by Temani Afif
DevelopmentSamples

CSS tricks to master the ‘clip-path’ property

Techniques that can simplify the creation of CSS shapes.

by Temani Afif
DevelopmentResources

CSS Shape

A collection of easily customizable CSS-only shapes.

by Temani Afif
DevelopmentSamples

Write better CSS with modern CSS

New CSS features can help you streamline your code.

by Temani Afif
DevelopmentResources

The modern guide for making CSS shapes

Shapes with the smallest and most flexible code possible.

by Temani Afif
DevelopmentFun

CSS Games

A collection of games built with just HTML and modern CSS.

by Temani Afif
DevelopmentSamples

Get the screen width/height without JavaScript

Powered by @property and trigonometric functions.

by Temani Afif
DevelopmentResources

Get any element’s width/height via CSS

What sounds impossible is doable with modern CSS.

by Temani Afif
DevelopmentSamples

Custom range slider

Made with CSS anchor positioning/scroll-driven animations.

by Temani Afif
DevelopmentSamples

CSS tricks that use only one gradient

What we can do with a single gradient is incredible.

by Temani Afif
DevelopmentSamples

Full-bleed layout with modern CSS

How to expand a contained element to the edge of a page.

by Temani Afif
DevelopmentFun

Happy New Year!

Check it out if CSS 2025 intrigues you (it does!).

by Temani Afif
DevelopmentSamples

Full-bleed layout with modern CSS

Edge-to-edge sections with minimal code.

by Temani Afif
DevelopmentResources

Ribbon Shapes

An impressive collection of CSS-only ribbon styles.

by Temani Afif
DevelopmentSamples

The unknown side of ‘flex-wrap’

The CSS property also plays a role in alignment.

by Temani Afif
About Us

Inautilo · Top news and contributions from the web community.

Our Mission

“Do you want to stay up-to-date with the evolution of the web? In a minimum amount of time?

Now you can, thanks to our innovative discovery engine.”

Reto List · Editor of Inautilo

Follow us
  • Newsfeed
  • Mastodon

10,000+

Inautilo followers worldwide

Get in touch

Tell us what you think, or just say [email protected]

Copyright © 2011–2025 Inautilo · Hotspots for Online Professionals | Cookie/Privacy Policy | Imprint