#cssTip - Twitter Hashtag

Oluwabunmi @dev_jummy

12 months ago

Day 11 Want to keep your navbar fixed at the top while scrolling? Try this 👇🏾 #30DaysOfFrontend #Frontend #CSStip

1

9

1

0

108

Atif Riaz

@iamatifriaz

over 1 year ago

💡#CSSTip You can Customize the Scrollbar with a bit of CSS easily. Here are the pseudo-elements that affect the style of an element's scrollbar 👇 ::-webkit-scrollbar ::-webkit-scrollbar-track ::-webkit-scrollbar-thumb

iamatifriaz's tweet photo. 💡#CSSTip
You can Customize the Scrollbar with a bit of CSS easily.

Here are the pseudo-elements that affect the style of an element's scrollbar 👇

::-webkit-scrollbar
::-webkit-scrollbar-track
::-webkit-scrollbar-thumb https://t.co/duxUdsoMZI

1

2

0

71

Adnan Jamil @m_adnanjamil

over 1 year ago

The transform properties in CSS can be used to, well, transform any element including scaling, rotation: and translating🔥 #CssTip

0

3

0

77

Atif Riaz

@iamatifriaz

over 1 year ago

💡#CSSTip for Beginners Always include fallback options for older browsers that don't support newer CSS properties. For example, you can use older CSS properties like "box-shadow" to create a drop shadow effect.

iamatifriaz's tweet photo. 💡#CSSTip for Beginners

Always include fallback options for older browsers that don't support newer CSS properties.

For example, you can use older CSS properties like "box-shadow" to create a drop shadow effect. https://t.co/QHvXns4Psg

0

1

0

68

Evolu

@evoluhq

over 2 years ago

Never ever use margin. Only padding or gap. #csstip

1

8

0

1

1K

Lea Verou, PhD

@LeaVerou

over 2 years ago

#CSSTip: Create variations of a color before Relative Color Syntax is implemented, with color-mix() and the `none` keyword: https://t.co/V9Rkog8wQ7 There I only vary (oklch) lightness, but you can do the same thing for any component of any color function — or even alpha.

LeaVerou's tweet photo. #CSSTip: Create variations of a color before Relative Color Syntax is implemented, with color-mix() and the `none` keyword:
https://t.co/V9Rkog8wQ7

There I only vary (oklch) lightness, but you can do the same thing for any component of any color function — or even alpha. https://t.co/NrI2MsFGZc

6

68

21

20

22K

Nadeem Archer 𝕏 @nadeemarcher

over 2 years ago

📣 #CSSTip: Did you know? You can apply different styles for various screen sizes directly in HTML! No need to write media queries in your CSS file. 🎉 A great trick for responsive designs! 🚀 #WebDesign #ResponsiveDesign

nadeemarcher's tweet photo. 📣 #CSSTip: Did you know? You can apply different styles for various screen sizes directly in HTML! No need to write media queries in your CSS file. 🎉
A great trick for responsive designs! 🚀 #WebDesign #ResponsiveDesign https://t.co/3yT7DeHeFs

0

2

0

33

Jon Snow @AlarmsSnooze

over 2 years ago

CSS Tip - 5 : Background Color Change (Rainbow) Full Code in Comments 👇👇 #css #html #javascript #csstip #cssanimation #animation #frontend #coding #website #developer

5

1

1K

Jon Snow @AlarmsSnooze

over 2 years ago

CSS Tip - 3 : Animated Gradient Color on Text Full Code in comments 👇👇 #css #html #javascript #csstip #cssanimation #animation #frontend #coding #website #developer

1

4

1

2

1K

Jon Snow @AlarmsSnooze

almost 3 years ago

CSS Tip : Card Carousel Hover Effect Full code in comments 👇👇 This is the first part of our series of #css tips. More to come.. #csstip #webdev #html #coding #frontend #website #webdeveloper #programming

1

3

0

1

727

Atif Riaz

@iamatifriaz

almost 3 years ago

💡#CSSTip Font shorthand Property The font property is a shorthand property for: → font-style → font-variant → font-weight → font-size/line-height → font-family Note: The font-size and font-family values are required.

iamatifriaz's tweet photo. 💡#CSSTip

Font shorthand Property

The font property is a shorthand property for:
→ font-style
→ font-variant
→ font-weight
→ font-size/line-height
→ font-family

Note: The font-size and font-family values are required. https://t.co/hWaFWNcLzE

0

3

0

47

Atif Riaz

@iamatifriaz

almost 3 years ago

💡#CSSTIP Easy Truncate multi-line with Pure CSS: For making responsive websites the greater part of the time everybody confronted the challenge to handle the text. Thus, here's a solution for controlling multi-line text wrap with an ellipsis.

iamatifriaz's tweet photo. 💡#CSSTIP
Easy Truncate multi-line with Pure CSS:

For making responsive websites the greater part of the time everybody confronted the challenge to handle the text. Thus, here's a solution for controlling multi-line text wrap with an ellipsis. https://t.co/3wW98Jb69i

1

3

1

0

78

Dave_M_Lyall @Dave_M_Lyall

over 3 years ago

Fantastic CSS Tip. Get your css best practice in order with Possibly the most useful tech tip of 2022 https://t.co/uQJgfxuF9o #CSS #csstip #webdevelopers #Webdesign

0

3

1

0

Tyson @tyson_404

over 3 years ago

Truncate your text with CSS 💡 #CSSTip #Developers #FrontEndDeveloper

Shripal Soni

@codewithshripal

over 3 years ago

CSS Tip 💡 Easly truncate multi-line text using CSS only ✨

13

177

32

72

0

2

0

1

0

rannjiit @rannjiit

about 4 years ago

Styling links with CSS This pseudo-class selects all links, regardless of whether they have been visited or not. Acting as a catch-all for all links on the page. #CSS #CSSTip #100DaysOfCode

rannjiit's tweet photo. Styling links with CSS
This pseudo-class selects all links, regardless of whether they have been visited or not. Acting as a catch-all for all links on the page.

#CSS #CSSTip #100DaysOfCode https://t.co/s6Gc3kXDxW

1

4

0

Lea Verou, PhD

@LeaVerou

about 4 years ago

#csstip Use nice gradient interpolation only for browsers that support it: :root { --interpolation: ; } @supports (background: linear-gradient(in oklab, red, tan)) { :root { --interpolation: in oklab,; } } background: linear-gradient(var(--interpolation) #F01, #081);

LeaVerou's tweet photo. #csstip Use nice gradient interpolation only for browsers that support it:

:root {
--interpolation: ;
}

@supports (background: linear-gradient(in oklab, red, tan)) {
:root {
--interpolation: in oklab,;
}
}

background: linear-gradient(var(--interpolation) #F01, #081); https://t.co/opBhwUw373

3

102

18

20

0

Eduardo Pajarito 👨🏾‍💻 @_epajarito

about 4 years ago

Excelente tip :D #css #csstip

💀 SALVAJE 💀

@Sdesalvaje

about 4 years ago

❌ ¿Quieres que los visitantes de tu pagina web no puedan seleccionar el texto? ✅ Pon este código en tu hoja de estilos (style.css) ❤ Síganme para mas consejos sobre CSS

Sdesalvaje's tweet photo. ❌ ¿Quieres que los visitantes de tu pagina web no puedan seleccionar el texto?

✅ Pon este código en tu hoja de estilos (style.css)

❤ Síganme para mas consejos sobre CSS https://t.co/1G5a3voxGo

37

2K

258

366

0

2

4

2

0

Victoria Mattera @ThatgirlVikki

about 4 years ago

{CSS} tidbit of the day: one way to fix rotated text caused from transform: rotate(1deg) is to call the section * and use transform: rotate(-1deg) to get straight text in a rotated section #100DaysOfCode #100Devs #CSStip

ThatgirlVikki's tweet photo. {CSS} tidbit of the day: one way to fix rotated text caused from transform: rotate(1deg) is to call the section * and use transform: rotate(-1deg) to get straight text in a rotated section #100DaysOfCode #100Devs #CSStip https://t.co/g4vIQtJSLN

2

7

6

0

Vasil @VKaratashev

over 4 years ago · Former Yugoslav Republic of Macedonia

Useful CCS property that i come across😄 -It creates a clipping region that sets what part of an element should be shown⚡️ -useful for images for cards, testimonials etc. #css #cssTip #webDevelopment #begginerCode #FrontEndDevelopment

VKaratashev's tweet photo. Useful CCS property that i come across😄
-It creates a clipping region that sets what part of an element should be shown⚡️
-useful for images for cards, testimonials etc.

#css #cssTip #webDevelopment #begginerCode #FrontEndDevelopment https://t.co/26XBQa1Yk4

0

2

1

0

Vishwanath.Chiniwar @meetvishwa5

over 4 years ago

#CSS #csstip #gradienttext

Ale (pikacodes)

@pikacodes

over 4 years ago

CSS TIP 💡✨🌈 You can create gradient text by tweaking just three simple properties: background-image, color, and background-clip! CodePen: https://t.co/5VpMsyIE9C

pikacodes's tweet photo. CSS TIP 💡✨🌈

You can create gradient text by tweaking just three simple properties: background-image, color, and background-clip!

CodePen: https://t.co/5VpMsyIE9C https://t.co/qHLIRPDHOn

50

2K

324

838

0

2

0

Top Tweets for #cssTip

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users