CSS 04 Jun 2008 11:23 am
Barra de progresso com CSS puro
Momento curiosidade, quem adivinhar como funciona essa barra de rolagem que segundo o autor tem apenas CSS ganha uma bala 7belo.
Veja a postagem no blog dessa pessoa esquisitaкомпютри втора употреба
Quero respostas…
on 04 Jun 2008 at 11:39 am 1.Rodrigo Fante escreveu …
vou escrever aqui pra nao dar logo na cara, mas eh uma bobeira isso.. ahahahah mas tava no trabalho com outro cara e quase acreditamos nele por 1 minuto…
on 06 Jun 2008 at 11:32 am 2.Allan Schmitt escreveu …
auiehaiuoheae
impossivel fazer isso só em css!! =)
js na veia!
on 25 Jun 2008 at 8:08 pm 3.Eduardo Ottaviani escreveu …
Gente que ridículo…Ele ainda explica no site. É, a grosso modo, uma caixa com fundo animado, onde tem um elemento com fundo branco que por sua vez fica por cima do fundo animado encobrindo o resto da animação…
Ao colocar os “style=left:” ele altera o posicionamento do fundo branco para mais à direita ou menos à direita.
Lógicamente, com left:0px o elemento com fundo branco teria o mesmo posicionamento do fundo animado, a barra então ficaria vazia….
A animação do gif no html não tem loop.
É tão ridículo, quanto inteligente. Jamais pensaria nisso.
on 26 Jun 2008 at 5:52 am 4.Rodrigo Fante escreveu …
@Eduardo:
vc esqueceu de dizer que eh inutil.
Mas n deixa de ser interessante a forma como ele apresentou e enganou muita gente.
on 26 Jun 2008 at 1:39 pm 5.Eduardo Ottaviani escreveu …
Ahh Rodrigão… não sei porque diz que enganou, ele mostrou e explicou por A+B o que o código fazia.
Realmente concordo com vc, é perfumaria, Não daria para usar como progress bar, mas como gráfico… sem problemas.
Eu jogava há um tempo atrás um daqueles jogos que rodam no browser, ele exibia o mesmo efeito que esse cara fez, para mostrar os danos do personagem. Mas faziam em Js.
Mesmo se não achasse utilidade pra nada, eu particularmente considero essas técnicas interessantes pra abrir a cabeça, ajuda na criatividade…na minha opinião.
To achando várias coisas interessantes no seu blog.
Parabéns.
on 26 Jun 2008 at 2:45 pm 6.Rodrigo Fante escreveu …
@Eduardo:
O post foi motivado realmente por ser algo curioso, simples, mas que pouca gente pensa em fazer.
No Flash eu fazia muito isso, mas nunca tinha pensando em trazer pro HTML…