self-conscious-design
clone your own copy | download snapshot

Snapshots | iceberg

No images in this repository’s iceberg at this time

Inside this repository

landscape-shadow.html
text/html

Download raw (1.4 KB)

<html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Media query test</title>
<style>

p{
  font-family: "Archivo Black";
  font-size: 50px;  
  color:3300cc;
}
@media (orientation: landscape) {
  p { text-shadow: 3px 4px 1px rgba(204, 173, 0, 2); transition: 3s;}
}
@media (orientation: portrait) {
  p { text-shadow: -4px -3px 1px rgba(153, 61, 50, 2); transition: 3s;}
}


</style>
</head><body>
  <p>Well showing as it used to be - so hard - this hard - I used to get those kicks for free - But now i'm towing the line - Oooo - This ain't no way to be - Stuck between my shadow and me - Could it been the sun don't shine - But i'll tell you that im doing fine - I Sometimes i don't go beating myself - beating myself up - Gonna take a trip and multiply - Please go under with a smile -  - Showin' how it used to be - real trouble - so much trouble - but love is just a shackle I see - coming out of my mind ooh... - this aint no way to be - just stuck between my shadow and me - the sun's going down - it's getting dark in here - still folks see: - i got nothing to fear  - Chorus - People on the street - There are many many - People on the moon the're ain't any any - Shame... yeah ...ooh - Running down the same old cold - Taking it down 'cause i no congone - I'm so tired(x13) - Soooooo -  I'm so tired over beating myself - beating myself up - wanna take a trip and multiply - please go under with a smile</p>
</body></html>