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