Paris Moda Haftası: Valentino Sonbahar-Kış 2025-26 Defilesi

Alessandro Michele, samimiyet ve ifadeyi araştıran ‘Le Méta Théâtre Des Intimités’ adını verdiği Valentino Sonbahar-Kış 2025 koleksiyonunu, kırmızı ışıklı bir mekanda sundu.
Şeffaf dantel ve athleisure karışımları, karmaşık süslemeler, narin dantel ve çarpıcı sinematik stiller, fiyonklarla süslenmiş 40’lardan günlük elbiseler, renkli camlı gözlükler koleksiyonun dikkat çekici unsurlarıydı.
1
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
2
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
3
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
4
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
5
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
6
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
7
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
8
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
9
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
10
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
11
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
12
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
13
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
14
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
15
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
16
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
17
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
18
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
19
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
20
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
21
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
22
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
23
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
24
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
25
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
26
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
27
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
28
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
29
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
30
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
31
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
32
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}
33
LAUNCHMETRICS SPOTLIGHT
.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}
.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}
.circle img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}
to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}