Layout descontraído, inspirado no novo cliente da Riot Games, feito por alguém que só queria um tempo pra jogar, mas acabou programando. (eu sei que não é essa tradução, eu gostei desses dois nomes).😂
Este é um projeto simples, criado com HTML e CSS puros, que simula a interface do novo cliente da Riot. O objetivo aqui não é criar um cliente funcional, mas sim estudar e replicar o layout com um foco em:
O projeto é basicamente uma “gambiarra” divertida para recriar um visual que eu acho incrível, e para praticar minhas habilidades com CSS.
Você pode clonar este repositório para inspecionar o código e ver como a mágica acontece. Sinta-se à vontade para usar este layout como inspiração para seus próprios projetos!
A parte mais legal de recriar esse layout foi trabalhar com as animações e os gradientes. As transições de transform: translateY e o uso de box-shadow para criar profundidade foram muito divertidos. No fim, a ideia era só relaxar e brincar com o código, e o resultado me agradou bastante!
Espero que você goste do projeto. Agora, se me dão licença, preciso ir jogar umas partidas. 😉