Ajuste dos elementos de forma suave

[reebr 94]

Minha página contém alguns elementos que se adaptam a resolução de tela, a forma como elas se adaptam está funcionando normalmente.

 

Supomos que o usuário esteja usando um computador (1366 x 768) com o navegador em full screen, os elementos se adaptam a ele. Em um determinado momento, o usuário diminua o tamanho da tela do navegador para metade do tamanho da tela (668px) e novamente os elementos se ajustam.

 

O que eu queria é: Quando o usuário alterasse o tamanho, a forma como os elementos se ajustam ocorresse de forma suave.

 

Eu tentei usar transition, mas quando altero o tamanho o ajuste ocorre "bruscamente", na hora.

Há outra propriedade que possa ser usada?

[Maujor 144]

Não existe uma funcionalidade para fazer o que você pretende.

 

Aliás, isso me parece algo totalmente sem valor prático.

 

Um design responsivo não existe com a finalidade de se adaptar ao redimensionamento da janela do navegador pelo usuário, pois nenhum usuário fica "brincando" de aumentar diminuir janela quando navega e a maioria nem sabe que isso é possível.

Nós, desenvolvedores, fazemos isso para verificar como o layout se comporta em diferentes resoluções ou para determinar breakpoints, mas os visitantes do site não.

Ou você teria uma razão prática para isso? Gostaria de saber.

[reebr 94]

Na verdade é para conhecimento, pois já vi sites que fazem essa transição de forma suave. Então no caso não era unicamente HTML e CSS, havia JS (suponhamos) no meio também?

[Maujor 144]

Por favor informe o endereço dos sites que fazem a transição.

Você marcou o post como RESOLVIDO, então favor Informar como resolver para eu e outros usuários aprendermos
com fazer o efeito.

[reebr 94]

Não encontrei os dois sites que eu tinha visto. Mas procurei no google pelas palavras 'desenvolvimento' e 'responsivo' e encontrei este:

http://folhadev.com.br/

que, funciona basicamente da mesma forma que os outros.

[Maujor 144]

O que eu queria é: Quando o usuário alterasse o tamanho, a forma como os elementos se ajustam ocorresse de forma suave.

 

O site que você apontou não tem esse efeito que você quer.

 

O efeito que o site apresenta é de scroll vertical suave. Se é isso que você procura no Google há vários tutoriais a respeito. Procure por "scroll suave".

[reebr 94]

Na sessão que diz 'Olá nós somos...' o botão "saiba mais" (por exemplo) tem o ajustamento suave conforme a tela muda. A única propriedade do mesmo que vi no css foi um transition, mas eu aplicando no meu site não funcionou. De qualquer forma, pode considerar o tópico como resolvido e, o scroll vertical também me será útil.

[Soneca_BO 0]

Boa tarde, só para comentar existe a função sim de transition de itens na tela de forma suave, é umas das funcionalidade do webkit transition.