6 coisas que possivelmente você NÃO SABIA que consegue fazer apenas com #CSS

🧵👇🏻
1️⃣ Drop shadow
Sabe quando você quer colocar sombra apenas no elemento, não no box inteiro? Fazer aquela sombra ficar certinha e não quadrada. Poisé, da pra fazer isso só com CSS Image
2️⃣ Smooth Scrolling
Que tal fazer o seu scroll ficar mais fluído apenas com CSS, sem ter que usar nenhuma lib de Javascript? Image
3️⃣ Cursor Style
Não sei o porque, mas pode ser que você queira colocar um emoji no lugar do cursor padrão do seu browser. Se você quiser fazer isso, é possível também. Image
4️⃣ Caret Color
Sabe aquela linha que fica piscando no input sinalizando pra você digitar algo? Então, é possível mudar a cor dela também. Image
5️⃣ Truncate text
Você pode limitar o tamanho de um box de texto e acrescentar os "..." apenas com CSS, sem nem uma linha de Javascript. Image
6️⃣ Box Resize
Assim como no textarea você pode fazer um resize apenas aumentando com o mouse o tamanho dele. Você pode definir esse comportamento para qualquer elemento usando CSS. Image
E aí, curtiu as dicas?

Se você gostou dessas dicas já ME SEGUE aqui no Twitter pra não perder nenhum outro post 🔥

#css #webdevelopment #javascript #html

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Pedro Nauck

Pedro Nauck Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @pedronauck

5 Jul
Se você é #programador já salva esse post com 5 sites que serão úteis pra você não perder mais tempo procurando ferramentas

🧵👇🏻
✅ Illustrations
Mais de 100 ilustrações totalmente grátis para utilizar nos seus designs
illlustrations.co
✅ Happy Hues
Site que te dá muitas combinações de paletas para os seus designs e mostra na prática como ficaria com as cores escolhidas, além da terminologia e a psicologia das cores.
happyhues.co
Read 7 tweets
1 Jul
3 sites para você adicionar na sua lista de recursos úteis que vão te ajudar como programador

🧵👇🏻
1️⃣ Public API
Site com mais de 100 API's públicas para você se aventurar com integrações e até ter ideias de novas ferramentas.
github.com/public-apis/pu…
2️⃣ Git Explorer
Encontre os comandos certos que você precisa sem precisar procurar por todo o lugar, ele te mostra o código e uma nota de como usar esse código.
gitexplorer.com
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(