No replies
founder09
founder09's picture
Offline
newbie
Last seen: 25 weeks 1 day ago
Timezone: GMT+2
Joined: 2022-04-10
Posts: 1
Points: 2

Hi folks,
i could use some help with this code - i searched the internet but couldnt find a good answer. Could you please explain the positions of the shadow box? The thing is, that i created a glow around a picture, which works well, but somehow there is a black shadow coming when the "pulse" is growing and i dont know how to turn the black shadow off (i already set the shadow to white). Would be great if you could help me with this one. Thx

.glow {
position: absolute;
margin-left: 750px;
margin-top: -50px;
border-radius: 50%;
max-width: 50px;

-webkit-animation: glow 2s linear 0s infinite alternate;
}
calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
border-radius: 50%;

.rotate {
-webkit-animation: rotate 0.1s linear 0.1s infinite alternate;
}

.pulse{
-webkit-animation: pulse 0.1s linear 0.1s infinite alternate;
}

@-webkit-keyframes glow {
0% {
transform: rotate(0deg);
box-shadow: 0 0 5px 1px #FFFFFF
}
100% {
transform: rotate(0deg);
box-shadow: 0 0 15px 10px #FFFFFF
}

@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}

@-webkit-keyframes angle {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}

@-webkit-keyframes size {
0% {
-webkit-transform: scale(.2);
}
100% {
-webkit-transform: scale(.6);
}
}

@-webkit-keyframes position {
0% {
-webkit-transform: translate3d(0,0,0);
opacity: 1;
}
50 %{
opacity: 1;
}
100% {
-webkit-transform: translate3d(70px,70px,0);
opacity: 0;
}
}

@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(.5);
}
}