main
ada 2 years ago
parent 76510967b8
commit bb515c1dc0

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

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