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)

66
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 😲

80
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 🎀

114
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!

105
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!

156
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
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

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

A Multi-line CSS only Typewriter effect

108
Comments 18
3 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
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

339
Comments 23
4 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 🏆

875
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

1549
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

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

Build your Responsive website without media query

1420
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 🥇🥈

895
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

125
Comments 7
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

275
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

140
Comments 21
2 min read
Fully responsive CSS folded ribbon

Fully responsive CSS folded ribbon

31
Comments 1
3 min read
CSS Shapes with rounded corners

CSS Shapes with rounded corners

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

Wrapping text inside a circular shape

53
Comments 1
2 min read
Responsive hexagon grid without media query

Responsive hexagon grid without media query

370
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

194
Comments 34
2 min read
loading...