Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Lars Wichmann
Added: Feb 2, 2021 11:21 PM
Views: 7
  1. <!DOCTYPE html>
  2. <!--
  3. To change this license header, choose License Headers in Project Properties.
  4. To change this template file, choose Tools | Templates
  5. and open the template in the editor.
  6. -->
  7.     <head>
  8.         <title>TODO supply a title</title>
  9.         <meta charset="UTF-8">
  10.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.         <style>
  12.             header {
  13.                 overflow: hidden;
  14.                 height: 100vh;
  15.                 background: url(https://www.w3schools.com/html/pic_mountain.jpg) 50%/cover;
  16.               }
  17.  
  18.               p {
  19.                 color: white;
  20.                 font: 900 35vmin/50vh arial;
  21.                 text-align: center;
  22.                 mix-blend-mode: difference;
  23.                 filter: drop-shadow(0.05em 0.05em black);
  24.               }
  25.         </style>
  26.     </head>
  27.     <body>
  28.         <header>
  29.             <h2 contentEditable role='textbox' aria-multiline='true' >Edit me here</h2>
  30.         </header>
  31.         <div>TODO write content</div>
  32.     </body>
  33. </html>
  34.