This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

Popup Position
#18
With CSS you can solve this with the CSS BEFORE function. Below an example we use. The extra class for the slider in this exampe is kleurtemperatuur so make sure you use it correct.

.kleurtemperatuur::before {
box-sizing: border-box;
transform: scale(1);
-webkit-filter: blur(20px) saturate(1.1) brightness(1.1);
filter: blur(20px) saturate(1.1) brightness(1.1);
content: "";
display: block;
width: 200%;
height: 200%;
position: absolute;
top: -50%;
left: -50%;
padding-top: 100%;
background-image:
linear-gradient(330deg, transparent 50%, #FFFF66 50%),
linear-gradient(300deg, transparent 50%, #FFFF55 50%),
linear-gradient(270deg, transparent 50%, #FFFF44 50%),
linear-gradient(240deg, transparent 50%, #FFFFEE 50%),
linear-gradient(210deg, transparent 50%, #FFFFFF 50%),
linear-gradient(180deg, transparent 50%, #FFFFDD 50%),
linear-gradient(150deg, transparent 50%, #FFFFCC 50%),
linear-gradient(120deg, transparent 50%, #FFFFBB 50%),
linear-gradient(90deg, transparent 50%, #FFFFAA 50%),
linear-gradient(60deg, transparent 50%, #FFFF99 50%),
linear-gradient(30deg, transparent 50%, #FFFF88 50%),
linear-gradient(0deg, transparent 50%, #FFFF77 50%);
background-clip: content-box, content-box, content-box, content-box, content-box, content-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
}

.kleurtemperatuur {
position: absolute;
width: 150px; /* Breedte van de cirkel slider */
height: 150px; /* Hoogte van de cirkel slider */
border-radius: 50%;
overflow: hidden;
}
Reply


Messages In This Thread
Popup Position - by tom77 - 29.11.2015, 20:11
RE: Popup Position - by admin - 01.12.2015, 08:23
RE: Popup Position - by baggins - 16.02.2017, 13:23
RE: Popup Position - by admin - 16.02.2017, 13:42
RE: Popup Position - by baggins - 16.02.2017, 15:42
RE: Popup Position - by admin - 16.02.2017, 16:08
RE: Popup Position - by davidchispas - 25.03.2020, 17:02
RE: Popup Position - by admin - 26.03.2020, 09:03
RE: Popup Position - by davidchispas - 26.03.2020, 10:31
RE: Popup Position - by Daniel - 26.03.2020, 11:09
RE: Popup Position - by davidchispas - 26.03.2020, 11:36
RE: Popup Position - by Daniel - 26.03.2020, 12:07
RE: Popup Position - by davidchispas - 26.03.2020, 12:38
RE: Popup Position - by davidchispas - 26.03.2020, 14:43
RE: Popup Position - by Daniel - 26.03.2020, 15:12
RE: Popup Position - by davidchispas - 26.03.2020, 15:46
RE: Popup Position - by admin - 26.03.2020, 15:52
RE: Popup Position - by Joep - 02.04.2020, 14:47

Forum Jump: