Conteúdo para você se capacitar em programação
Como fazer um gradiente simples: Crie uma página html simples com 2 áreas de texto: <!doctype html><html> <head> <link rel=”stylesheet” type=”text/css” href=”style.css”><!– The css stylesheet –> </head> <body> <form method=”post” …
Continuar lendoJá quis testar a leveza de uma cor com Sass? Você pode fazer isso. Um exemplo de caso de uso seria um mixin para padrões de botão. Teste a claridade …
Continuar lendoEfeito de sobreposição de gradiente em qualquer contêiner sem o uso de imagens .container { width: 100%; padding:100px 0; background-image: url(“https://ununsplash.imgix.net/photo-1428279148693-1cf2163ed67d?fit=crop&fm=jpg&h=700&q=75&w=1050”); background-position: center center; background-repeat: no-repeat; position: relative; background-size:cover;}.container::before { …
Continuar lendoPara criar fundos com gradiente linear usando apenas duas interrupções, você pode escrever o seguinte mixin : .linearGradient(@angle, @from, @to) { background-image: -webkit-linear-gradient(@angle, @from, @to); background-image: -moz-linear-gradient(@angle, @from, @to); background-image: …
Continuar lendoAqui está outro exercício CSS3: papel cortado. A ideia é replicar o visual de um panfleto com bordas perfuradas. Do tipo que você arranca um número, e então você perde …
Continuar lendoAcontece que você pode falsificar algumas belas bordas de gradiente com as pseudo tags: before e: after CSS3! Aqui está um exemplo: http://codepen.io/murphyrandle/pen/bAjBi Truques para lembrar: O div para receber …
Continuar lendoEste é um trecho simples para fazer um fundo gradiente de página inteira usando CSS. Tudo que você precisa é escrever um arquivo CSS simples com este código: html { …
Continuar lendo