Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Botões */
- input[type="button"],
- input[type="submit"],
- input[type="reset"],
- button,
- .button {
- background: #222222;
- border: none;
- color: white;
- cursor: pointer;
- font-size: 12px;
- padding: 3px 6px;
- margin: 2px 3px;
- border-radius: 5px;
- box-shadow: inset 0 12px 2px rgba(255,255,255,0.2), 0 1px 3px #000000;
- text-shadow: 0 1px 1px #000000;
- -o-transition: all 1s;
- -moz-transition: all 1s;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- input[type="button"]:hover,
- input[type="submit"]:hover,
- input[type="reset"]:hover,
- button:hover,
- .button:hover {
- background: #333333;
- }
- input[type="button"]:active,
- input[type="submit"]:active,
- input[type="reset"]:active,
- button:active,
- .button:active {
- background: #000000;
- }
- /* Imagem que troca ao passar o mouse */
- .imgToggle {
- display: inline-block;
- width: 300px; /* Largura da imagem */
- height: 300px; /* Altura da imagem */
- background-repeat: no-repeat;
- background-position: center;
- background-image: url('caminho/da/imagem.jpg'); /* Primeira imagem */
- }
- .imgToggle:hover {
- background-image: url('caminho/da/imagem2.jpg'); /* Primeira imagem */
- }
Add Comment
Please, Sign In to add comment