-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweek9.html
41 lines (33 loc) · 977 Bytes
/
week9.html
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
<!--Designing, Defining, and Triggering CSS3 Transitions without Custom Libraries (Thought Library),
Designing, Defining, and Triggering CSS3 Transforms without Custom Libraries (Thought Library),
Designing, Defining, and Triggering CSS3 Animations without Custom Libraries (Thought Library) -->
<!DOCTYPE HTML>
<html>
<body id = 'behold'>
<header>
<link rel="stylesheet" type="text/css" href="main.css">
</header>
<main>
<!-- Transitions -->
<div class="transitiondiv1" id='div1tran'>
<h2>Hover over me</h2>
</div>
<!-- Transforms -->
<div class="Alacazam">
<img id='rabbit' src='rabbit.jpg'>
</div>
<div class='hat'>
<img src='hat.jpg'>
</div>
<!-- Animations -->
<div class='transform'>
</div>
<div class='prestoChango'>
<img id='whiterabbit' src='rabbit.jpg'>
<img id='tophat' src='hat.jpg'>
</div>
</main>
<footer>
</footer>
</body>
</html>