#cssTips - Twitter Hashtag

5 days ago

Two ways to add reflective text to your websites. 1. webkit-box-reflect Which is non-standard & must be avoided. 2. Using a trick below: 👇 Usage of background-clip & color: transparent together makes this possible. text-box removes additional empty spaces. #css #csstips

zafartalks's tweet photo. Two ways to add reflective text to your websites.

1. webkit-box-reflect
Which is non-standard & must be avoided.

2. Using a trick below: 👇

Usage of background-clip & color: transparent together makes this possible. text-box removes additional empty spaces.

#css #csstips https://t.co/ptyhM93ELi

0

12

Zafar @zafartalks

17 days ago

To bring users attention to certain text contents we tend to use font-weight. a:hover { font-weight: bold; } Above works but it could shifts layout as seen in demo below. #css #html #csstips #web #webdev

1

0

30

Zafar @zafartalks

25 days ago

CSS Combinators + in CSS is used to style next sibling. In below👇code, if div tag is placed next to p tag in HTML then it’ll change div tag’s font color to red. #css #csstips #html #sunday

zafartalks's tweet photo. CSS Combinators

+ in CSS is used to style next sibling. In below👇code, if div tag is placed next to p tag in HTML then it’ll change div tag’s font color to red.

#css #csstips #html #sunday https://t.co/96vlMOYdAF

0

1

0

46

Discover Pakistan TV @DiscoverpakTv

27 days ago

سی ایس ایس کرنے کیلئے سب سے پہلی چیز کیا کرنی چاہیئے؟ CSS مینٹور عاصم رضا کے سٹوڈنٹس نے اہم ٹپس بتا دیں Want to Start CSS? Students of Mentor Asim Raza Share the Most Important First Step | Discover Pakistan #CSSPreparation #AsimRaza #CSSTips #CSSJourney #DiscoverPakistan

0

2

0

52

Jay 🙈🙉🙊 @Jay52_TX

about 2 months ago

One #CSS Property That Makes Numbers Look Instantly Better || #CSSTips #WebDev https://t.co/mRinYeIJC1

0

1

0

12

Zafar @zafartalks

about 2 months ago

“starting-style” also great for properties that are difficult animate such as “display”. #css #csstransition #csstips

Victor

@vponamariov

about 2 months ago

Your CSS transitions work on hover, on click, on everything... except when elements first render. Here's the fix. @ starting-style defines the initial state for elements appearing in the DOM. They can now transition smoothly from that state to their final styles.

vponamariov's tweet photo. Your CSS transitions work on hover, on click, on everything... except when elements first render.

Here's the fix.

@ starting-style defines the initial state for elements appearing in the DOM. They can now transition smoothly from that state to their final styles. https://t.co/BBGSqp4PSN

1

20

3

20

2K

1

0

151

Don Porqué - El porqué detrás de cada noticia @donporquex

about 2 months ago

Poner solo borde inferior tabla html ¿qué CSS usar? #HTML #CSS #WebDesign #Frontend #DesarrolloWeb #Programacion #CodigoLimpio #MaquetacionWeb #DisenoWeb #TablasHTML #CSSTips #UXDesign #felizsabado #11deabril https://t.co/ZYNjOFFPj3

0

6

Zafar @zafartalks

2 months ago

No more :before & :after pseudo elements. #css #tips #csstips #til

define

@define_app

2 months ago

@JoepKockelkorn Yes, here you go!

1

43

0

59

1K

0

59

Zafar @zafartalks

2 months ago

A tip could be worth trying. #css #csstips

Victor

@vponamariov

2 months ago

Your design system has 47 color tokens. But most of them are just... variations of 3 base colors. color-mix() in CSS generates all those shades from one source.

vponamariov's tweet photo. Your design system has 47 color tokens.

But most of them are just... variations of 3 base colors.

color-mix() in CSS generates all those shades from one source. https://t.co/C9yiuUqUTm

3

28

2

20

2K

0

1

0

60

Fijara

@fijara_

3 months ago

Truncate long text: .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } For multi-line: display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; #CssTips #Frontend

0

4

0

44

Zafar @zafartalks

3 months ago

A tip worth considering. #css #csstips #transitions

Jakub Krehel

@jakubkrehel

3 months ago

Make your interactions interruptible so they respond to changes in user intent. CSS transitions are great for interactions, while keyframe animations are better for staged sequences that run once.

10

1K

56

853

63K

0

1

0

219

mAI

@mai_furetakoto

3 months ago

CSS変数でテーマ色を一貫して管理。変更が簡単で保守性が上がります。#CSSTips #WebDev

0

1

0

25

Decotechs @TechsDeco

4 months ago

CSS isn’t just styling — it’s logic + creativity 💻✨ Clean layouts. Smooth effects. Modern UI. 🚀 Perfect for beginners & frontend devs. Follow for more CSS tips 🔥 AI & Automation 📲 +92 341 2636264 #CSSTips #FrontendDevelopment #HTMLCSS #WebDev #LearnCSS

0

8

Silent Lesson @LessonSilent

4 months ago

Login & Signup Form https://t.co/WNh1oyLFBe Hastags🏷️ : #html #css #html5 #css3 #csstricks #cssanimation #learnhtml #learncss #csstips #ui #ux #uxdesign #webdesign #javascript #reactjs #bootstrap #animation #coding #programming #design #react #reels #viral #viralvideo #shorts

0

1

0

28

Decotechs @TechsDeco

4 months ago

Modern UI doesn’t need heavy frameworks. Build clean, responsive components using just HTML & CSS ✨ Save & follow for practical frontend tips 🚀 📩 Chat with us: +923412636264 #HTMLCSS #FrontendDev #WebDesign #CSSTips #BuildInPublic

0

5

Aura TechInsights @Auratechno72007

4 months ago

Box Shadow vs Drop Shadow in CSS Which One Should You Use .......... #CSS #WebDevelopment #FrontendDeveloper #UIDesign #CSS3 #BoxShadow #DropShadow #WebDesign #FrontendTips #CSSTips #UIUX #DeveloperLife #CodingTips #LearnCSS #DesignTrends

0

5

Silent Lesson @LessonSilent

4 months ago

Digital Clock Hastags : #animation #glowing #html #css #html5 #css3 #csstricks #cssanimation #learnhtml #learncss #csstips #webdeveloper #ui #ux #uidesign #uxdesign #webdesign #frontenddeveloper #frontendwebdeveloper #javascript #angularjs #reactjs #animation #reels

0

3

2

0

19

Minahil Akhter 👩‍💻 @MinahilAkhtar9

4 months ago

Numbers not aligning in prices or tables? Fix it with one line of CSS 👇 font-variant-numeric: tabular-nums; Perfect for prices, tables, and dashboards ✨ #csstips #webdevelopment #FrontendDevelopment #uidesign #csstricks #DevTips #webdevelopers

MinahilAkhtar9's tweet photo. Numbers not aligning in prices or tables?
Fix it with one line of CSS 👇

font-variant-numeric: tabular-nums;

Perfect for prices, tables, and dashboards ✨

#csstips #webdevelopment #FrontendDevelopment #uidesign #csstricks #DevTips #webdevelopers https://t.co/az03nda2hb

1

0

36

MZ @musbahu_zakaria

4 months ago

Inline elements are great… until you try to give them width and nothing happens. That’s your reminder they’re not boxes. Use them for text, not layout 👍 #Frontend #CSSTips

musbahu_zakaria's tweet photo. Inline elements are great… until you try to give them width and nothing happens.
That’s your reminder they’re not boxes.
Use them for text, not layout 👍
#Frontend #CSSTips https://t.co/GV13Hf73mg

0

3

0

45

Decotechs @TechsDeco

5 months ago

Struggling with layouts? 💻 CSS Flexbox makes alignment & responsive design simple ✔️ Perfect for Frontend Devs & CSS learners 🚀 🤖 Transform your workflow with AI & automation 📞 Chat with us: +923412636264 #CSSFlexbox #FrontendDev #WebDesign #CSSTips #ResponsiveDesign

0

34

Top Tweets for #cssTips

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users