Jump to content

Search the Community

Showing results for tags 'hml5'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 1 result

  1. Bruno Goedert Dalmolin

    Como Movimentar um Menu em HTML5 e CSS

    Fala devs Beleza? Estou com uma duvida em como eu movimento meu menu para o canto, pois ele fica travado no centro. Os dados são os seguintes: do HTML: <header> <ul id="Menu"> <li><a href="SmartAce-Home.html">Home</a></li> <li><a href="">Sobre</a></li> <li><a href="">Contato</a></li> </ul> </header> do CSS: @charset "UTF-8"; body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: #112c38; } ul#Menu { text-align: center; margin: 0; padding: 0; display: flex; top: -10; } ul#Menu li{ list-style: none; margin: 0 20px; transition: 0.5s; } ul#Menu li a{ position: relative; text-decoration: none; padding: 5px; font-size: 18px; font-family: sans-serif; color: #fff; text-transform: uppercase; transition: 0.5s; } ul#Menu:hover li a { transform: scale(1.4); opacity: .2; filter: blur(5px); } ul#Menu li a:hover { transform: scale(2); opacity: 1; filter: blur(0); } ul#Menu li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ff497c; transition: transform 0.5s; transform-origin: right; transform: scaleX(0); z-index: -1; } ul#Menu li a:hover:before { transition: transform 0.5s; transform-origin: left; transform: scaleX(1); }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.