hashirama/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix resolution

Browse source
This commit is contained in:
千住柱間 2024-04-21 01:37:25 -04:00
parent b8b1f2b8f4
commit b844fcaaad
Signed by: hashirama
GPG key ID: 53E62470A86BC185
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -1,8 +1,10 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=1024">
<title>Responsive Background Image with Vertical Text</title>
<style>
body {
@ -43,7 +45,7 @@
z-index: 1; /* Ensure text appears above the image */
transform: rotateX(-2180deg) rotateY(-26deg); /* Apply perspective transformation to text only */
transform-origin: center center; /* Set transformation origin */
letter-spacing: -0.23em;
}
.perspective-box-roman {
font-size: 150%; /* Adjust font size for Roman vertical text */
@ -105,8 +107,6 @@
<div class="perspective-box-roman">human nature</div>
</div>
</div>
<br></br>
<div class="vertical-text">食べる</div>
</body>
</html>