DEV Community

Temani Afif profile picture

Temani Afif

Your favorite CSS Hacker

Stop using obsolete methods to create CSS Triangles! ⚠️

Stop using obsolete methods to create CSS Triangles! ⚠️

23
Comments 4
2 min read

Want to connect with Temani Afif?

Create an account to connect with Temani Afif. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
I have made 100+ CSS-only Ribbon Shapes | The Perfect Collection 🎀

I have made 100+ CSS-only Ribbon Shapes | The Perfect Collection 🎀

100
Comments 14
3 min read
What's your Lucky CSS Pattern? Check It Now!

What's your Lucky CSS Pattern? Check It Now!

18
Comments 6
1 min read
What's your CSS level? Take a CSS Quiz!

What's your CSS level? Take a CSS Quiz!

69
Comments 17
1 min read
Another CSS Art from Demon Slayer

Another CSS Art from Demon Slayer

170
Comments 21
1 min read
A CSS Art from Demon Slayer

A CSS Art from Demon Slayer

296
Comments 46
1 min read
A Super Saiyan CSS Art!

A Super Saiyan CSS Art!

102
Comments 14
1 min read
I am back with 100 "Dark Mode" CSS loaders

I am back with 100 "Dark Mode" CSS loaders

563
Comments 29
2 min read
A Colossal CSS Art!

A Colossal CSS Art!

85
Comments 20
1 min read
A One Piece of CSS Art!

A One Piece of CSS Art!

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

31 single DIV illustration — the DIVtober collection

84
Comments 9
4 min read
Exploring the CSS Paint API: Polygon Border

Exploring the CSS Paint API: Polygon Border

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

Exploring the CSS Paint API: Blob Animation

144
Comments 12
15 min read
Rate my first CSS drawing

Rate my first CSS drawing

139
Comments 28
2 min read
Build your CSS loader with only one div — The Dots

Build your CSS loader with only one div — The Dots

210
Comments 20
8 min read
Upgrading the CSS only Multi-line Typewriter effect

Upgrading the CSS only Multi-line Typewriter effect

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

A Multi-line CSS only Typewriter effect

153
Comments 18
2 min read
The CSS 'Scrabble' writer — The next gen typewriter

The CSS 'Scrabble' writer — The next gen typewriter

67
Comments 14
1 min read
A scalable CSS only Typewriter Effect

A scalable CSS only Typewriter Effect

248
Comments 20
5 min read
Exploring the CSS Paint API: Image Fragmentation Effect

Exploring the CSS Paint API: Image Fragmentation Effect

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

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

895
Comments 27
2 min read
A CSS-only reaction component using emoji

A CSS-only reaction component using emoji

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()

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

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

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

The ONE star rating system — the future of rating

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)

248
Comments 42
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 🏆

873
Comments 34
2 min read
Still 100 CSS loaders for your next project

Still 100 CSS loaders for your next project

883
Comments 32
2 min read
Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries

Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries

91
Comments 11
18 min read
I made 100 more CSS loaders for your next project

I made 100 more CSS loaders for your next project

1542
Comments 70
2 min read
Another 100 CSS loaders for your next project

Another 100 CSS loaders for your next project

1518
Comments 71
1 min read
Advanced CSS Animation Using cubic-bezier()

Advanced CSS Animation Using cubic-bezier()

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

Build your Responsive website without media query

1415
Comments 20
7 min read
Still 100 underline/overlay animations | The advanced CSS collection 🚀

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

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

Float an Element to the Bottom Corner

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

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

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

What no one told you about CSS Variables

348
Comments 16
11 min read
Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

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

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

CSS only fragmentation effect using one element

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

All you need to know about background-position

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

How to correctly position rotated text using CSS

52
Comments 1
1 min read
Responsive text based on image size

Responsive text based on image size

272
Comments 10
4 min read
Finally a CSS-only solution to create masonry layouts

Finally a CSS-only solution to create masonry layouts

113
Comments
2 min read
Never make your text container a flexbox container

Never make your text container a flexbox container

340
Comments 52
3 min read
Get ready for element()

Get ready for element()

24
Comments
2 min read
We can finally animate CSS gradient

We can finally animate CSS gradient

100
Comments 21
2 min read
Fully responsive CSS folded ribbon

Fully responsive CSS folded ribbon

27
Comments 1
3 min read
When will we have CSS4?

When will we have CSS4?

37
Comments 15
4 min read
CSS Shapes with rounded corners

CSS Shapes with rounded corners

217
Comments 28
1 min read
Wrapping text inside a circular shape

Wrapping text inside a circular shape

48
Comments
2 min read
Responsive hexagon grid without media query

Responsive hexagon grid without media query

363
Comments 44
3 min read
3D image with one element

3D image with one element

65
Comments 5
1 min read
Border with gradient and radius

Border with gradient and radius

198
Comments 32
2 min read
loading...