<body>
<textarea id="editor">
<p>Testing 3D effects</p>
</textarea>
</body>tinymce.init({
selector: "#editor",
plugins:
"powerpaste casechange searchreplace autolink directionality advcode visualblocks visualchars image link media mediaembed codesample table charmap pagebreak nonbreaking anchor tableofcontents insertdatetime advlist lists checklist wordcount tinymcespellchecker editimage help formatpainter permanentpen charmap linkchecker emoticons advtable export autosave",
toolbar:
"undo redo print spellcheckdialog formatpainter | blocks fontfamily fontsize | bold italic underline forecolor backcolor | link image | alignleft aligncenter alignright alignjustify lineheight | checklist bullist numlist indent outdent | removeformat",
height: 600,
width: 700,
content_style: `
p {
background-color: #0025b3;
padding: 5px;
color: #f2f2f2;
width: 360px;
height: 360px;
margin: 50px auto 0 auto;
transform: rotateX(-60deg) rotateY(0deg) rotateZ(45deg);
position: relative;
border-radius: 20px;
box-shadow:
14px 10px 6px #A3AEC2,
20px 15px 5px #A3AEC2;
text-shadow:
1px 1px #A3AEC2,
2px 2px #A3AEC2,
3px 3px #A3AEC2,
4px 4px #A3AEC2;
font-size: 24pt;
} `
});
External CSS
This Pen doesn't use any external CSS resources.