Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html style="">
<head>
  <meta charset="utf-8">
  <title>titre</title>
  <style>
    @font-face {
      font-family: 'MJX_Math';
      src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Main-Regular.eot'); /* IE9 Compat Modes */
      src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Main-Regular.eot?iefix') format('eot'),
        url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff')  format('woff'),
        url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf')  format('opentype'),
        url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/svg/MathJax_Main-Regular.svg#MathJax_Main-Regular') format('svg');
    }
    html
    { width: 100%;
      height: 100%;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
    body
    { display: flex;
      align-items: center;
      width: 5cm;
      height: 5cm;
      background-color:#003;
      background: linear-gradient(142deg, rgba(0,0,51,1) 0%, rgba(90,90,101,1) 100%);
      color: #fff;
      font-family: "MJX_Math";
      font-size: 2.3cm;
      letter-spacing: -3mm;
      text-indent: -3mm; }
    span.content
    { width: 100%;
      background: linear-gradient(96deg, rgba(244,233,219,1) 0%, rgba(240,245,132,1) 100%);
      -webkit-background-clip: text;
      color: transparent;
      text-align: center; }
  </style>
</head>
<body>
  <span class="content">𝚫G&thinsp;⁰</span>
</body>
</html>
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers