main
ada 2 years ago
parent 76510967b8
commit bb515c1dc0

@ -11,6 +11,24 @@
<body>
<section>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
@ -19,8 +37,7 @@
</section>
</body>
<script>
new CircleType(document.getElementById("#up")).radius(320);
new CircleType(document.getElementById("#down")).dir(-1).radius(320);
new CircleType(document.getElementById("up")).radius(380);
new CircleType(document.getElementById("down")).dir(-1).radius(380);
</script>
</html>

@ -17,3 +17,13 @@
left: 0;
margin: 8mm;
}
p {
position: absolute;
margin: 2mm;
width: 100%;
}
p.down {
bottom:0;
}
Loading…
Cancel
Save