Bonjour à toutes et à tous,

J'ai un petit souci.

J'ai crée un code css pour avoir un carré arrondi tourné à 45 deg.
Jusque là, tout va bien.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
    font-size: 3em;
    line-height: 3em;
    height: 2.5em;
    width: 2.5em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    /* opacity: 1; */
    border: .06666em solid red;
    background-color: #01725DE;
    border-radius: 25px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transform: rotate(45deg);

Dans ce "logo" il y a un triangle (logo PLAY) mais du coup ce triangle est rotate aussi de 45deg.

Comment puis je faire pour qu'il reste à 0deg

Merci d'avance pour votre aide.

Bonne journée.