<div class="wrapper">
<h1 contenteditable data-heading="阿弥陀佛">阿弥陀佛</h1>
</div>
<style>
html,
body {
height: 100%;
}
body {
background: linear-gradient(45deg, #e6e2df 80%, #c2c1bd 100%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wrapper {
width: 100%;
font-family: "Source Code Pro", monospace;
margin: 0 auto;
height: 100%;
}
.wrapper h1 {
text-transform: uppercase;
transform: translate(-50%, -50%) skew(10deg) rotate(-10deg