design-patterns: how to show text rotate using css?

mercredi 6 février 2019

how to show text rotate using css?

i want to rotate text show in image

here is i trying to this code Can you please help me ?

div {
  width: 200px;
  height: 30px;
  background-color: yellow;
  border: 1px solid black;
  margin-top:20px;
}

div#myDiv {
  -ms-transform: rotate(315deg); 
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); 
}

<html>
<head>
<style>

</style>
</head>
<body>

<div id="myDiv">
This div element is rotated .
</div>
<div id="myDiv">
This div element is rotated .
</div>
<div id="myDiv">
This div element is rotated .
</div>

</body>
</html>

I want set text like "demo text" show in image:

i want set text like "demo text" show in image

design-patterns

mercredi 6 février 2019

how to show text rotate using css?

Aucun commentaire:

Enregistrer un commentaire