CSS
- 8 ответов
- 0 вопросов
6
Вклад в тег
let listCheckbox = document.querySelectorAll('.i-6');
let button = document.getElementById('btn-1');
button.addEventListener('click', function (e) {
for(i=0; i<listCheckbox.length; i++){
let chekcbox = listCheckbox[i].closest('div');
if (listCheckbox[i].checked === true && listCheckbox[i].value == 1) {
chekcbox.classList.add("right");
chekcbox.classList.remove("false");
} else if (listCheckbox[i].checked === true && listCheckbox[i].value == 0) {
chekcbox.classList.add("false");
chekcbox.classList.remove("right");
}
}
});
$(".spoiler").click(function (e) {
e.preventDefault();
if ($(this).hasClass("spoiler--active") === false) {
$(".spoiler").removeClass("spoiler--active");
$(this).addClass("spoiler--active");
} else {
$(this).removeClass("spoiler--active");
}
});
<svg style="border: 1px solid #000" width="130" height="130" viewBox="0 0 130 130" >
<defs>
<path
d="M65,65m-50,0a23,23 0 1,1 103,0a23,23 0 1,1 -103,0" fill="transparent" id="tophalf"/>
</defs>
<circle cx="50%" cy="50%" r="6" fill="#4C6492"/>
<text style="font-size: 14px;" dx="0" letter-spacing="5.7">
<textPath xlink:href="#tophalf">
memories that last fomaking
</textPath>
</text>
</svg>