Skip to content
Search Create account

DEV Community

DEV Community is a community of 619,270 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create new account Log in
loading...
Temani Afif profile picture

Temani Afif

Another Dev guy who love hacking with CSS

Location Tunisia Joined Joined on  Personal website https://temani-afif.com/ github website twitter website

Education

Computer Engineer

Work

Administrator at CSS Challenges

Pin Pinned

What no one told you about CSS Variables
afif profile

What no one told you about CSS Variables

#css #webdev #beginners
Reactions 267 Comments 14
11 min read
100 underline/overlay animations | The ultimate CSS collection 🥇
afif profile

100 underline/overlay animations | The ultimate CSS collection 🥇

#css #beginners #webdev #codepen
Reactions 2542 Comments 111
2 min read
I made 100 CSS loaders for your next project
afif profile

I made 100 CSS loaders for your next project

#css #webdev #beginners #html
Reactions 1635 Comments 81
2 min read

Recent comments

I made 100 CSS loaders for your next project

what kind of set you want to have? what animation?

I made 100 CSS loaders for your next project

and don't forget to follow me if you don't want to miss the n...

I made 100 CSS loaders for your next project

great :) .. but your site is not loading for me.

I made 100 CSS loaders for your next project

will think about the idea, by the way React dev (or any dev) ...

I made 100 CSS loaders for your next project

when we love something we don't count, even a day :) but for ...

I made 100 CSS loaders for your next project

I don't count the time ;) I simply try to be a little better...

I made 100 CSS loaders for your next project

yes, feel free to recommend my article to anyone but I don't ...

I made 100 CSS loaders for your next project

to translate what? :)

View last 250 Comments
Build your Responsive website without media query
afif profile

Build your Responsive website without media query

#html #css #webdev #beginners
Reactions 1173 Comments 17
7 min read
Still 100 underline/overlay animations | The advanced CSS collection 🚀
afif profile

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

#css #webdev #codepen
Reactions 112 Comments 7
2 min read
Float an Element to the Bottom Corner
afif profile

Float an Element to the Bottom Corner

#css #html #webdev #tutorial
Reactions 42 Comments 2
5 min read
100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉
afif profile

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

#css #webdev #beginners #codepen
Reactions 510 Comments 33
2 min read
Another 100 underline/overlay animations | The extended CSS collection 🥇🥈
afif profile

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

#css #beginners #webdev #codepen
Reactions 816 Comments 28
2 min read
CSS only fragmentation effect using one element
afif profile

CSS only fragmentation effect using one element

#css #webdev #tutorial
Reactions 41 Comments 3
6 min read
All you need to know about background-position
afif profile

All you need to know about background-position

#webdev #tutorial #beginners #css
Reactions 68 Comments 5
12 min read
How to correctly position rotated text using CSS
afif profile

How to correctly position rotated text using CSS

#css #html #beginners #webdev
Reactions 36 Comments
1 min read
Responsive text based on image size
afif profile

Responsive text based on image size

#html #css #webdev #beginners
Reactions 260 Comments 6
3 min read
Finally a CSS-only solution to create masonry layouts
afif profile

Finally a CSS-only solution to create masonry layouts

#css #html #webdev
Reactions 107 Comments
2 min read
Never make your text container a flexbox container
afif profile

Never make your text container a flexbox container

#css #html #webdev #beginners
Reactions 317 Comments 52
3 min read
Get ready for element()
afif profile

Get ready for element()

#css #webdev #html
Reactions 19 Comments
2 min read
We can finally animate CSS gradient
afif profile

We can finally animate CSS gradient

#css #webdev #tutorial
Reactions 166 Comments 15
2 min read
Fully responsive CSS folded ribbon
afif profile

Fully responsive CSS folded ribbon

#css #webdev #tutorial #codepen
Reactions 11 Comments
3 min read
Background pattern - braided lines
afif profile

Background pattern - braided lines

#css #webdev #design
Reactions 10 Comments 1
1 min read
When will we have CSS4?
afif profile

When will we have CSS4?

#css #webdev
Reactions 50 Comments 15
4 min read
Background pattern - star shape
afif profile

Background pattern - star shape

#css #webdev #design
Reactions 11 Comments
1 min read
CSS Shapes with rounded corners
afif profile

CSS Shapes with rounded corners

#css #html #webdev #tutorial
Reactions 177 Comments 14
1 min read
Background pattern - triangle shape
afif profile

Background pattern - triangle shape

#css #design #webdev
Reactions 13 Comments
1 min read
Background pattern - parallelogram shape
afif profile

Background pattern - parallelogram shape

#css #webdev #design
Reactions 9 Comments
1 min read
Background pattern - hexagon shape
afif profile

Background pattern - hexagon shape

#css #design #webdev
Reactions 25 Comments
2 min read
Wrapping text inside a circular shape
afif profile

Wrapping text inside a circular shape

#css #html #webdev
Reactions 35 Comments
2 min read
Responsive hexagon grid without media query
afif profile

Responsive hexagon grid without media query

#css #webdev #html #tutorial
Reactions 339 Comments 30
3 min read
3D image with one element
afif profile

3D image with one element

#webdev #css #html
Reactions 57 Comments 5
1 min read
Border with gradient and radius
afif profile

Border with gradient and radius

#css #webdev #html
Reactions 115 Comments 17
2 min read
loading...