RecursosCSS3/dimensao-overflow-opacity.html at master · Gwolner/RecursosCSS3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="pt-br">
<head>
	<title>Dimensão, Overflow e Opacity</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/style-dimensao.css">
	<link rel="stylesheet" href="css/style-overflow-opacity.css">
</head>
<body>

<h3 id="aviso">Mova a janela horizontalmente para visualizar os efeitos do CSS de altura e largura</h3>

<div id="largura">
Nunc ullamcorper enim sed feugiat sodales. Quisque a lacus gravida, congue mi cursus,
ultrices eros. Proin lobortis diam vel condimentum vehicula. Praesent a leo risus.
In hac habitasse platea dictumst. Ut malesuada quis nisl sit amet lacinia. Sed ligula
lorem, porttitor eget orci non, porttitor finibus mi.
</div><br><br><br>

<div id="altura">
Nulla sit amet tortor venenatis, pretium nisl non, tempus tellus. Etiam pulvinar
neque et sapien efficitur, vitae rhoncus enim accumsan. Mauris eget ornare nulla. Sed
ullamcorper nec massa a eleifend. Donec et massa vitae arcu pretium efficitur. Nulla
congue interdum risus, vitae condimentum mi convallis eget.
</div><br><br><br>

<div id="dimensoes">
la sit amet tortor venenatis, pretium nisl non, tempus tellus. Etiam pulvinar neque
et sapien efficitur, vitae rhoncus enim accumsan. Mauris eget ornare nulla. Sed
ullamcorper nec massa a eleifend. Donec et massa vitae arcu pretium efficitur. Nulla
congue interdum risus, vitae condimentum mi convallis eget.
</div><br>

<div id="conteudo">
	<p>
	Ut ornare pharetra sapien laoreet efficitur. Nullam fermentum,
	tortor dictum finibus mattis, felis risus bibendum mauris, in
	tristique erat leo mattis erat. Curabitur viverra dui nunc, id
	consectetur sapien dictum ac. Vestibulum risus augue, euismod
	ut est sit amet, luctus consequat turpis. Vivamus quis tellus
	tortor. Vivamus aliquam ullamcorper metus, a pellentesque ligula
	lacinia feugiat. Donec nec neque nibh.
	</p>
</div>

</body>
</html>