idanoo/interesting.rocks
1
0
Fork 0
mirror of https://github.com/idanoo/interesting.rocks synced 2025-07-01 05:32:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add another rock

Browse source
This commit is contained in:
Daniel Mason 2025-04-12 13:48:40 +12:00
parent b29665d0d0
commit 3f595405f1
Signed by: idanoo
GPG key ID: 387387CDBC02F132
2 changed files with 26 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

29
index.html
View file

@ -24,6 +24,22 @@
img { img {
margin-top: 5px; margin-top: 5px;
} }
.rockcontainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.rockrow {
width: 1000px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes rotation { @keyframes rotation {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
@ -37,9 +53,16 @@
<body> <body>
<main> <main>
<h1>interesting.rocks</h1> <h1>interesting.rocks</h1>
<img src="rock1.png" alt="rock" class="rotate"> <div class="rockcontainer">
<img src="rock2.png" alt="rock" class="rotate"> <div class="rockrow">
<img src="rock3.png" alt="rock" class="rotate"> <img src="rock1.png" alt="rock" class="rotate">
<img src="rock2.png" alt="rock" class="rotate">
</div>
<div class="rockrow">
<img src="rock3.png" alt="rock" class="rotate">
<img src="rock4.png" alt="rock" class="rotate">
</div>
</div>
</main> </main>
</body> </body>
</html> </html>

BIN
rock4.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 186 KiB