DEV Community

Temani Afif profile picture

Temani Afif

Another Dev guy who love hacking with CSS

A One Piece of CSS Art!

A One Piece of CSS Art!

Reactions 153 Comments 17
1 min read
31 single DIV illustration — the DIVtober collection

31 single DIV illustration — the DIVtober collection

Reactions 116 Comments 6
4 min read
Exploring the CSS Paint API: Polygon Border

Exploring the CSS Paint API: Polygon Border

Reactions 66 Comments 4
13 min read
Exploring the CSS Paint API: Blob Animation

Exploring the CSS Paint API: Blob Animation

Reactions 144 Comments 12
15 min read
Rate my first CSS drawing

Rate my first CSS drawing

Reactions 130 Comments 27
2 min read
Build your CSS loader with only one div — The Dots

Build your CSS loader with only one div — The Dots

Reactions 540 Comments 19
8 min read
Upgrading the CSS only Multi-line Typewriter effect

Upgrading the CSS only Multi-line Typewriter effect

Reactions 122 Comments 13
1 min read
A Multi-line CSS only Typewriter effect

A Multi-line CSS only Typewriter effect

Reactions 142 Comments 10
2 min read
The CSS 'Scrabble' writer — The next gen typewriter

The CSS 'Scrabble' writer — The next gen typewriter

Reactions 68 Comments 15
1 min read
A scalable CSS only Typewriter Effect

A scalable CSS only Typewriter Effect

Reactions 238 Comments 19
5 min read
Exploring the CSS Paint API: Image Fragmentation Effect

Exploring the CSS Paint API: Image Fragmentation Effect

Reactions 140 Comments 4
10 min read
Adding 100 underline/overlay animations | The impressive CSS collection ⭐️

Adding 100 underline/overlay animations | The impressive CSS collection ⭐️

Reactions 869 Comments 28
2 min read
A CSS-only reaction component using emoji

A CSS-only reaction component using emoji

Reactions 338 Comments 23
4 min read
Build Complex CSS Transitions using Custom Properties and cubic-bezier()

Build Complex CSS Transitions using Custom Properties and cubic-bezier()

Reactions 127 Comments 4
7 min read
The "safe" star rating & the ONE star unlimited rating

The "safe" star rating & the ONE star unlimited rating

Reactions 48 Comments 18
2 min read
The ONE star rating system — the future of rating

The ONE star rating system — the future of rating

Reactions 255 Comments 58
3 min read
Scalable "star rating" without JS (and no SVG or image for the star)

Scalable "star rating" without JS (and no SVG or image for the star)

Reactions 245 Comments 39
4 min read
Adding 100 CSS loaders to the collection of — 500 CSS loaders 🏆

Adding 100 CSS loaders to the collection of — 500 CSS loaders 🏆

Reactions 826 Comments 33
2 min read
Still 100 CSS loaders for your next project

Still 100 CSS loaders for your next project

Reactions 858 Comments 31
2 min read
Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries

Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries

Reactions 86 Comments 10
18 min read
I made 100 more CSS loaders for your next project

I made 100 more CSS loaders for your next project

Reactions 1472 Comments 71
2 min read
Another 100 CSS loaders for your next project

Another 100 CSS loaders for your next project

Reactions 1421 Comments 70
1 min read
Advanced CSS Animation Using cubic-bezier()

Advanced CSS Animation Using cubic-bezier()

Reactions 431 Comments 17
12 min read
Build your Responsive website without media query

Build your Responsive website without media query

Reactions 1382 Comments 19
7 min read
Still 100 underline/overlay animations | The advanced CSS collection 🚀

Still 100 underline/overlay animations | The advanced CSS collection 🚀

Reactions 175 Comments 8
2 min read
Float an Element to the Bottom Corner

Float an Element to the Bottom Corner

Reactions 44 Comments 3
5 min read
100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

Reactions 566 Comments 31
2 min read
What no one told you about CSS Variables

What no one told you about CSS Variables

Reactions 324 Comments 15
11 min read
Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

Reactions 879 Comments 22
2 min read
CSS only fragmentation effect using one element

CSS only fragmentation effect using one element

Reactions 53 Comments 3
6 min read
All you need to know about background-position

All you need to know about background-position

Reactions 106 Comments 6
12 min read
How to correctly position rotated text using CSS

How to correctly position rotated text using CSS

Reactions 48 Comments 1
1 min read
Responsive text based on image size

Responsive text based on image size

Reactions 268 Comments 8
3 min read
Finally a CSS-only solution to create masonry layouts

Finally a CSS-only solution to create masonry layouts

Reactions 109 Comments
2 min read
Never make your text container a flexbox container

Never make your text container a flexbox container

Reactions 337 Comments 52
3 min read
Get ready for element()

Get ready for element()

Reactions 23 Comments
2 min read
We can finally animate CSS gradient

We can finally animate CSS gradient

Reactions 184 Comments 14
2 min read
Fully responsive CSS folded ribbon

Fully responsive CSS folded ribbon

Reactions 24 Comments
3 min read
Background pattern - braided lines

Background pattern - braided lines

Reactions 12 Comments 1
1 min read
When will we have CSS4?

When will we have CSS4?

Reactions 52 Comments 15
4 min read
Background pattern - star shape

Background pattern - star shape

Reactions 14 Comments
1 min read
CSS Shapes with rounded corners

CSS Shapes with rounded corners

Reactions 194 Comments 27
1 min read
Background pattern - triangle shape

Background pattern - triangle shape

Reactions 15 Comments
1 min read
Background pattern - parallelogram shape

Background pattern - parallelogram shape

Reactions 11 Comments
1 min read
Background pattern - hexagon shape

Background pattern - hexagon shape

Reactions 27 Comments
2 min read
Wrapping text inside a circular shape

Wrapping text inside a circular shape

Reactions 41 Comments
2 min read
Responsive hexagon grid without media query

Responsive hexagon grid without media query

Reactions 344 Comments 37
3 min read
3D image with one element

3D image with one element

Reactions 64 Comments 5
1 min read
Border with gradient and radius

Border with gradient and radius

Reactions 150 Comments 22
2 min read
loading...