chrisbell/hexstudios-co
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some CSS testing

Browse Source
This commit is contained in:
Christopher Bell 2022-09-11 22:50:28 -05:00
parent cfb64b02ff
commit 5a3cd30b26
2 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
css/master.css
View File

@ -49,9 +49,20 @@ body {
background-color: black; background-color: black;
} }
#fader {
height: 150px;
background-color: var(--color-pallete-red);
background: linear-gradient(180deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
display: block;
}
.content-title {
padding: 20px 0 20px 0;
}
.content-break { .content-break {
width: 45vw; width: 45vw;
height: 2px; height: 2px;
background-color: red; border-color: red;
color: red; margin: auto;
} }

14
index.html
View File

@ -29,15 +29,15 @@
<path id="hex-logo-lesser" d="M77.6163 40.7631L72.6808 47.7179L72.1257 48.5001L72.6808 49.2823L77.6163 56.2371L78.1715 55.4549L73.2359 48.5001L78.1715 41.5454L77.6163 40.7631Z" fill="black" stroke="black" stroke-width="0.725197"/> <path id="hex-logo-lesser" d="M77.6163 40.7631L72.6808 47.7179L72.1257 48.5001L72.6808 49.2823L77.6163 56.2371L78.1715 55.4549L73.2359 48.5001L78.1715 41.5454L77.6163 40.7631Z" fill="black" stroke="black" stroke-width="0.725197"/>
<rect id="hex-logo-slash" x="50" y="50" width="1.5" height="13" fill="black"/> <rect id="hex-logo-slash" x="50" y="50" width="1.5" height="13" fill="black"/>
</g> </g>
</svg> </svg>
<div> </div>
<a href="#content">\SCROLL DOWN/</a>
</div>
</div>
</div> </div>
<div id="content"> <div id="content">
<hr class="content-break"> <div id="fader"></div>
</div>
<h1 class="content-title">This Is HEX Studios</h1>
<hr class="content-break"></div>
<div id="footer"> <div id="footer">
</div> </div>