Sempre gostei de desenhar mas infelizmente eu não tenho o talento de desenhar a mão, até que um dia vi o desenho feito em CSS do Homer Simpson do Bernard De Luna.
Cheguei a fazer alguns desenhos com CSS mas acabei abandonando esse hobby, até que um dia topei com o Desafio do Daily CSS Image, estava lá super enrolado no serviço, com um filho de 2 anos quase sem tempo para nada. Por que não fazer?
O desafio consiste em desenhar 1 desenho usando CSS por dia durante 50 dias.
A primeira semana até que foi tranquila.
Conforme ia chegando os temas os desenhos foram aumentando a dificuldade.
Então comecei a fazer eles durante um cache e outro da tarefas da agência e no horário do almoço, era tipo uma linha de código e uma colher de comida. rs
Confesso que teve dia que não consegui fazer e tiver que fazer 2 no dia seguinte, não conta para o criador do desafio e nem pro meu chefe. kkk
Ta, mais você vai usar isso no seu dia dia?
A resposta é simples: NÃO.
Então por que eu fiz isso?
A resposta também é simples: Porque é divertido.
Faça um desenho usando somente CSS e você vai ver como é muito divertido e quando você terminar e vê o resultado final, você fala C#@$@ eu fiz isso.
Mas deixando de lado a brincadeira, quando você faz esses desenhos usando CSS você aprende a usar um monte de propriedades do CSS como:
- Position
- Transform
- Border-radius
- z-index
- Animations
- Flex-box
- Calc
- Gradiente
O céu é o limite. :)
Agora isso sim vai fazer diferença no seu dia dia!
Confira todos os desenhos no Codepen
Como falei no começo que não tenho talento para fazer desenho a mão, mais através dos desenhos feito com CSS achei uma maneira de me expressar e aprender brincando.
Tenho muito para aprender sobre CSS e este é apenas o começo de uma longa viagem que vou continuar…
Espero que eu possa ter inspirado alguém a começar sua jornada!
Obrigado por parar um tempo para ler sobre a minha jornada. Se você conhece alguém que achou essa postagem útil ou inspiradora, compartilhe-a com elas e dê a esta postagem um coração verde.
:)
Top comments (0)