array-in-a-matrix/arrayinamatrix.xyz
array-in-a-matrix/arrayinamatrix.xyz
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Activity

moved styling to css file

Browse source
This commit is contained in:
array-in-a-matrix 2022-01-15 04:16:14 -05:00
parent 53e0cf2527
commit 13a2bcff62
2 changed files with 36 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index/about/rice/index.html
View file

@ -10,25 +10,12 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<link rel="icon" type="image/x-icon" href="/res/site/icons/favicon.ico"> <link rel="icon" type="image/x-icon" href="/res/site/icons/favicon.ico">
<style>
.zoom {
transition: transform .2s;
margin: 0 auto;
}
.zoom img {
width: 100%;
height: auto;
}
.zoom:hover {
transform: scale(1.5);
}
</style>
</head> </head>
<body> <body>
<header class="page-header" role="banner"> <header class="page-header" role="banner">
<h1 class="project-name">Desktop Rice</h1> <h1 class="project-name">Desktop Rice</h1>
<h2 class="project-tagline"></h2>
<a href="/" class="btn">Home</a> <a href="/" class="btn">Home</a>
<a href="../" class="btn">about</a> <a href="../" class="btn">about</a>

35
style/style.css
View file

@ -683,4 +683,39 @@ body {
.game { .game {
text-align: center; text-align: center;
}
:target {
animation: highlight 1s ease;
transform: translateX(20px);
}
@keyframes highlight {
0% {
border-left-color: yellow;
}
100% {
border-left-color: white;
}
}
section {
border-left: 40px solid white;
padding: 0px;
transition: all 0.5s ease;
padding-right: 50px;
margin-left: -20px;
}
.zoom {
transition: transform .2s;
margin: 0 auto;
}
.zoom img {
width: 100%;
height: auto;
}
.zoom:hover {
transform: scale(1.5);
} }