Temani Afif

Another Dev guy who love hacking with CSS

Tunisia Joined on Feb 11, 2021 https://www.buymeacoffee.com/afif

Pinned

Temani Afif

May 12

I made 100 CSS loaders for your next project

#css #webdev #beginners #html

3922 123

2 min read

Temani Afif

Mar 16

100 underline/overlay animations | The ultimate CSS collection 🥇

#css #beginners #webdev #codepen

2746 114

2 min read

Temani Afif

Aug 10

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

#showdev #css #webdev #codepen

555 29

2 min read

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

stop taking us for stupid people. You followed nothing, you a...

Aug 13

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

don't play the victim role .. you know perfectly what you are...

Aug 13

Pure CSS Flex Box Responsive Design - No Media Queries

max-width will not help you because you are dealing with elem...

Aug 12

Pure CSS Flex Box Responsive Design - No Media Queries

but the in the mobile version, you blocks are very narrow. Ad...

Aug 12

100 underline/overlay animations | The ultimate CSS collection 🥇

ok I will keep this in mind ;) I always like to challenge my ...

Aug 12

100 underline/overlay animations | The ultimate CSS collection 🥇

what kind of mouse cursor effects? can you show me examples :)

Aug 12

7 cases where we can use HTML instead of CSS

tag should be used to refer to the content and not to attract...

Aug 12

A little introduction about Tronic247 Material

can you elaborate on no ugly classes? I see similar classes a...

Aug 11

View last 250 Comments

Temani Afif

Jul 18

A CSS-only reaction component using emoji

#html #css #webdev #beginners

328 23

4 min read

Temani Afif

for This is Learning

Jul 16

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

#css #webdev #tutorial #codepen

120 4

7 min read

Temani Afif

Jul 9

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

#html #css #webdev #beginners

38 18

2 min read

Temani Afif

Jul 6

The ONE star rating system — the future of rating

#html #css #webdev #beginners

253 58

3 min read

Temani Afif

Jul 4

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

#css #html #webdev #beginners

243 39

4 min read

Temani Afif

Jun 29

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

#showdev #css #webdev #beginners

791 33

2 min read

Temani Afif

Jun 15

Still 100 CSS loaders for your next project

#css #webdev #beginners #html

833 31

2 min read

Temani Afif

for This is Learning

Jun 9

Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries

#css #html #webdev #tutorial

85 10

18 min read

Temani Afif

Jun 1

I made 100 more CSS loaders for your next project

#css #webdev #beginners #html

1443 70

2 min read

Temani Afif

May 25

Another 100 CSS loaders for your next project

#css #webdev #beginners #html

1387 70

1 min read

Temani Afif

for This is Learning

May 19

Advanced CSS Animation Using cubic-bezier()

#css #webdev #tutorial #codepen

418 16

12 min read

Temani Afif

May 5

Build your Responsive website without media query

#html #css #webdev #beginners

1334 18

7 min read

Temani Afif

Apr 28

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

#css #webdev #codepen

168 8

2 min read

Temani Afif

Apr 22

Float an Element to the Bottom Corner

#css #html #webdev #tutorial

44 3

5 min read

Temani Afif

Apr 15

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

#css #webdev #beginners #codepen

556 31

2 min read

Temani Afif

Apr 8

What no one told you about CSS Variables

#css #webdev #beginners

314 15

11 min read

Temani Afif

Mar 30

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

#css #beginners #webdev #codepen

864 22

2 min read

Temani Afif

Mar 23

CSS only fragmentation effect using one element

#css #webdev #tutorial

45 3

6 min read

Temani Afif

for This is Learning

Mar 13

All you need to know about background-position

#webdev #tutorial #beginners #css

100 6

12 min read

Temani Afif

Mar 11

How to correctly position rotated text using CSS

#css #html #beginners #webdev

1 min read

Temani Afif

Mar 8

Responsive text based on image size

#html #css #webdev #beginners

264 6

3 min read

Temani Afif

Mar 4

Finally a CSS-only solution to create masonry layouts

#css #html #webdev

109

2 min read

Temani Afif

Mar 3

Never make your text container a flexbox container

#css #html #webdev #beginners

333 52

3 min read

Temani Afif

Mar 1

Get ready for element()

#css #webdev #html

2 min read

Temani Afif

Feb 26

We can finally animate CSS gradient

#css #webdev #tutorial

177 14

2 min read

Temani Afif

for This is Learning

Feb 25

Fully responsive CSS folded ribbon

#css #webdev #tutorial #codepen

3 min read

Temani Afif

Feb 25

Background pattern - braided lines

#css #webdev #design

12 1

1 min read

Temani Afif

Feb 23

When will we have CSS4?

#css #webdev

51 15

4 min read

Temani Afif

Feb 22

Background pattern - star shape

#css #webdev #design

1 min read

Temani Afif

Feb 21

CSS Shapes with rounded corners

#css #html #webdev #tutorial

190 27

1 min read

Temani Afif

Feb 20

Background pattern - triangle shape

#css #design #webdev

1 min read

Temani Afif

Feb 19

Background pattern - parallelogram shape

#css #webdev #design

1 min read

Temani Afif

Feb 18

Background pattern - hexagon shape

#css #design #webdev

2 min read

Temani Afif

Feb 17

Wrapping text inside a circular shape

#css #html #webdev

2 min read

Temani Afif

Feb 15

Responsive hexagon grid without media query

#css #webdev #html #tutorial

343 37

3 min read

Temani Afif

Feb 13

3D image with one element

#webdev #css #html

64 5

1 min read

Temani Afif

Feb 12

Border with gradient and radius

#css #webdev #html

136 20

2 min read

DEV Community is a community of 673,673 amazing developers

This is Learning

Recent comments

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

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

Pure CSS Flex Box Responsive Design - No Media Queries

Pure CSS Flex Box Responsive Design - No Media Queries

100 underline/overlay animations | The ultimate CSS collection 🥇

100 underline/overlay animations | The ultimate CSS collection 🥇

7 cases where we can use HTML instead of CSS

A little introduction about Tronic247 Material