Inscreva-se agora na 1ª Maratona Qconcursos e participe de simulados com premiações!
Explore Concursos Públicos
Acesso Rápido
Explore Concursos Militares
Explore OAB
Explore ENEM
Explore Vestibulares
Junte-se a mais de 4 milhões de concurseiros!
É possível transformar a imagem com efeitos de escala, rotação, translação e distorção angular (skew). O código abaixo exemplifica isto:
img {
-webkit-transform: scale(1.5) skew(30deg); /*webkit*/
-moz-transform: scale(1.5) skew(30deg); /*gecko*/
-o-transform: scale(1.5) skew(30deg); /*opera*/
transform: scale(1.5) skew(30deg); /*browsers sem prefixo*/
}
Existe a possibilidade de inclusão de imagens, mas sem alterações que deformem a imagem. O exemplo abaixo demonstra somente as operações possíveis:
-webkit-transform: scale(1.5) translate(1.5) /*webkit*/
-moz-transform: scale(1.5) translate (1.5) /*gecko*/
-o-transform: scale(1.5) translate (1.5) /*opera*/
transform: scale(1.5) translate (1.5) /*browsers sem prefixo*/
As alterações na imagem dependem sempre da definição de uma origem, não há como ativar estas operações sem antes definir o ponto de referência, que é feito da seguinte forma:
transform-origin: X10px Y10px;
Repare que não há necessidade de indicar qual o motor de layout.
As alterações na imagem são em relação a uma origem ou referência. Como padrão sempre ocorrem tendo como âncora o centro da imagem. O código abaixo exemplifica a definição da âncora:
-webkit-transform-origin: X10px Y10px Z10px; /* para webkit */
-moz-transform-origin: X10px Y10px Z10px; /* para webkit */
-o-transform-origin: X10px Y10px Z10px; /* para webkit */
transform-origin: X10px Y10px Z10px; /* para webkit */
As alterações na imagem são em relação a uma origem, ou referência. Como padrão sempre ocorrem tendo como âncora o centro da imagem. O código abaixo exemplifica a definição da âncora:
transform-origin: X10px Y10px Z10px;
teste
O exemplo abaixo é o suficiente para a inclusão de um arquivo de áudio em uma página:
<audio>
<source src="musica.oga" />
<source src=”musica.mp3” />
<source src=”musica.wma” />
</audio controls=”true” autoplay=”true”>
A inclusão de vídeo pode ser feita pelo seguinte código:
<video src=”video.ogv” width=”400” height=”300” />
Para evitar que o navegador baixe parte do arquivo de vídeo para poder saber se tem condições de reproduzi-lo, é importante que seja incluído a indicação do codec, isto é feito através de:
<source =”theora, vorbis”>
Você ainda pode utilizar recursos do QC de forma gratuita. Experimente!
Pratique resolvendo até 10 questões todos os dias!
Pratique mais em
Assista 1 aula de um curso preparatório todos os dias!
Veja comentários de até 10 questões todos os dias!
Pronto para criar um simulado?Vá em filtros:
Você pode combinar todos os nossos filtros com as condições acima! Bons Estudos!
Ao navegar neste site, você aceita os cookies que usamos para melhorar sua experiência.
.
Você pode fazer muito mais, !
Volte em ou resolva questões sem limites assinando um plano!
Questões, simulados e provas
Gabaritos e comentários de alunos
Videoaulas, PDFs e conteúdo teórico
Consulte suas análises de desempenho
Mais questões gratuitas em:
Ou resolva questões sem limites assinando um plano!