DEV Community

Temani Afif profile picture

Temani Afif

Your favorite CSS Hacker

Top 7
2
Frontend Challenge Completion Badge
Writing Debut
Three Year Club
500 Thumbs Up Milestone
100 Thumbs Up Milestone
Two Year Club
Tag Moderator 2022
Trusted Member 2022
2 Week Community Wellness Streak
1 Week Community Wellness Streak
One Year Club
A CSS-only game playable with keyboard! 🤯 (No, you are not dreaming)

A CSS-only game playable with keyboard! 🤯 (No, you are not dreaming)

63
Comments 8
1 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
The Frontend Challenge: 🍩 Donut eat my favorite snack!

The Frontend Challenge: 🍩 Donut eat my favorite snack!

89
Comments 14
2 min read
Do you need a Tooltip or a Speech Bubble? I have created 100 using CSS 😲

Do you need a Tooltip or a Speech Bubble? I have created 100 using CSS 😲

78
Comments 3
3 min read
Stop using obsolete methods to create CSS Triangles! ⚠️

Stop using obsolete methods to create CSS Triangles! ⚠️

28
Comments 4
2 min read
I have made 100+ CSS-only Ribbon Shapes | The Perfect Collection 🎀

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

111
Comments 15
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!

71
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

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

A Super Saiyan CSS Art!

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

I am back with 100 "Dark Mode" CSS loaders

568
Comments 30
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

211
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

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

The CSS 'Scrabble' writer — The next gen typewriter

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

A scalable CSS only Typewriter Effect

255
Comments 22
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)

250
Comments 43
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 🏆

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

Still 100 CSS loaders for your next project

882
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

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

Another 100 CSS loaders for your next project

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

Advanced CSS Animation Using cubic-bezier()

442
Comments 17
12 min read
I made 100 CSS loaders for your next project

I made 100 CSS loaders for your next project

2789
Comments 167
2 min read
Build your Responsive website without media query

Build your Responsive website without media query

1418
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 🥇🥈🥉

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

What no one told you about CSS Variables

349
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

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

How to correctly position rotated text using CSS

59
Comments 2
2 min read
Responsive text based on image size

Responsive text based on image size

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

Finally a CSS-only solution to create masonry layouts

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

Never make your text container a flexbox container

341
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

134
Comments 21
2 min read
Fully responsive CSS folded ribbon

Fully responsive CSS folded ribbon

29
Comments 1
3 min read
CSS Shapes with rounded corners

CSS Shapes with rounded corners

123
Comments 28
2 min read
Wrapping text inside a circular shape

Wrapping text inside a circular shape

53
Comments
2 min read
Responsive hexagon grid without media query

Responsive hexagon grid without media query

369
Comments 46
3 min read
3D image with one element

3D image with one element

66
Comments 6
2 min read
Border with gradient and radius

Border with gradient and radius

178
Comments 34
2 min read
loading...