Skip to content

Instantly share code, notes, and snippets.

@mrkaspa

mrkaspa/index.html

Created May 20, 2018 17:02
Show Gist options
  • Save mrkaspa/2aa3a3a59669fc6aed7c3d5c6dd0d4e8 to your computer and use it in GitHub Desktop.
Save mrkaspa/2aa3a3a59669fc6aed7c3d5c6dd0d4e8 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/dusados
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
p#title {
font-size: 50px;
}
span#left {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
unicode-bidi: bidi-override;
direction: rtl;
display: inline-block;
}
span#right {
position: relative;
left: -29px;
}
</style>
</head>
<body>
<p id="title">
<span id="left">
Niv
</span>
<span id="right">
viN
</span>
</p>
<script id="jsbin-source-css" type="text/css">p#title {
font-size: 50px;
}
span#left {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
unicode-bidi: bidi-override;
direction: rtl;
display: inline-block;
}
span#right {
position: relative;
left: -29px;
}</script>
</body>
</html>
Raw
jsbin.dusados.css
p#title {
font-size: 50px;
}
span#left {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
unicode-bidi: bidi-override;
direction: rtl;
display: inline-block;
}
span#right {
position: relative;
left: -29px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment