Cálculos em CSS

Postado por: Pedro Rogério em

Que bom seria se isso fosse possível:


#seletor {
width: 50% - 12px;
}

Mas parece que isso um dia irá acontecer.

Aprenda com quem sabe de verdade.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Random Posts

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

14 Responses to “Cálculos em CSS”

  1. Seria uma mão-na-roda….

    Mas provavelmente teríamos que fazer hacks para a incompatibilidade do IE… Só para variar

  2. Isso já acontece amigo.
    E além desta vantagem você pode fazer muito mais como definir variáveis e usar ela em todo seu css.
    Com o haml que uso em sites rubyonrails que desenvolvo: http://haml.hamptoncatlin.com
    Ele serve tanto para gerar o html quanto o css.
    E fica de uma forma muito melhor o css.
    Veja só os exemplos do css: http://haml.hamptoncatlin.com/docs/sass

  3. Renato Elias

    Seria exclente, melhor que isso somente: width: log(50%)*10 ou sen(90)

  4. Gilberto Barros

    Não bastasse as cores horríveis que você escolheu, você ainda nem validou todas as páginas???
    Cara.. que vergonha…
    Aqueles porcos da Visie fazerem isso até tudo bem, pq eles já se atiram nas cordas mesmo! Mas vc, ainda era um dos poucos neste ramo q possuia alguma dignidade.
    Até vc fazendo merda… Onde vamos chegar???
    Melhora as cores do teu site, dá uma validada e depois vem começar a postar coisas sobre web standards, pq vc precisa dar o exemplo primeiro!!!
    Flw

  5. Lucas Souza

    @Gilberto Barros
    Concordo contigo mano!!!
    Esse site aqui tah ficando igual o da Visie, só fala e não faz!!!
    O layout da index até tah legal, mas as cores ninguém merece!!! Parece diarréia!!!

  6. Marcos

    @ Gilberto Barros
    @ Lucas Souza

    Concordo com vocês, mas acho que não deviam “malhar o pau” publicamente.
    Tentem mandar um email, ou algo assim… Acho que teria mais valor do que estes comentários maldosos.

  7. Gilberto Barros

    @ Marcos

    Tentei falar isso por email, mas não obtive nenhuma resposta!!!
    O pedro nem se dignou a responder! Então ele que se ferre também!!!
    O cara tenta ajudar falando a verdade e ele nem liga!

  8. @Gilberto,

    Me desculpe se estive ocupado e não pude responder seu e-mail, mas estou trabalhando, agora arrumei um tempinho para lhe atender, então, isso é o máximo que eu posso fazer, me desculpe se não sou tão bom Desenvolvedor Web quanto você, mas eu sou novo ainda, pode deixar que eu aprendo!!!

  9. Vitor

    Ow Pedro Rogério…
    Nem dá bola pra grosseiria do cara!!! Apaga esses coments dele que não tem nada a ver com o post!

  10. Vitor

    Os comentários foram muito maldosos mesmo, mas quanto ao seu site(já que todo mundo falou um pouco dele) gostaria de sugerir um mudança nas cores. Eu acredito que ficaria bem melhor em outra tonalidade. Mas isso não quer dizer que está uma M* como o Gilberto disse. Só acho que pode ser melhorado.
    A título de dica para todos nós, existe uma revista de circulação nacional chamada WEB DESIGN, e a do mês passado(se não me engano) falava sobre a “Sinfonia das Cores”. É uma matéria bem interessante a respeito das cores de um site. Todos nós(designers) devemos pelo menos dar uma olhadinha no artigo. Acredito que vai ajudar bastante o Pedro e a todos nós que passamos pelo aperto de criar um layout, pois só quem cria sabe o trabalho que dá!!!
    Um grande abraço Pedro e continue sempre postando e nos atualizando…

  11. @Vitor,

    Obrigado pela força, eu tenho essa revista aqui em casa, pode deixar que logo-logo dou um jeito nisso!!! Abraços.

  12. Gilberto Barros

    Quero me desculpar publicamente com o Pedro, pois admito que poderia ter escolhido outras palavras para expressar minha indignação. Não peço desculpas pelo que eu disse, mas peço desculpas pela forma grosseira e até humilhante com que expressei minhas idéias.
    Foi mal!!!
    Sem ressentimentos…

  13. Cara, isto já existe só que apenas para o IE.
    É só usar expression()

Leave a Reply