Стилі шахматки

На сторінці редагування об'єкту ви можете вказати власні стилі CSS:

 

 

Наприклад,

• Щоб приховати написи будинків на інтерактивній карті:

  .object-label.buildings-label { display:none!important; }

• Щоб приховати напис Секції на інтерактивній карті по її ID (у прикладі 49):

  .object-label.sections-49-label { display:none!important; }

• Щоб змінити колір заливки, колір обведення, прозорості інтерактивної області

  :root {
--chess-interaction-fill-color: rgba(193, 56, 236);
--chess-interaction-stroke-color: rgba(193, 56, 236);
--chess-interaction-fill-opacity: 0.2;
--chess-interaction-stroke-opacity: 0.8;
}

 

Розглянемо інший приклад

• Створення анімації підстрибування плашки для дому з ID 31
• Додавання напису ""NEW"" для дому з ID 31

  @keyframes bounce {
0% { transform: translateY(0%); }
100% { transform: translateY(-20%); }
}

.buildings-31-label.object-label { animation-duration: 0.8s; animation-name: bounce; animation-iteration-count: infinite; animation-direction: alternate; }

  .buildings-31-label.object-label:before { content: 'NEW'; background: #ec6372; color: #FFF; font-size: 9px; padding: 5px; border-radius: 5px; position: absolute; right: 0px; transform: translate(50%, -35%); } 

• Для будинку з ID 32 видалити назву будинку з плашки, а замість нього написати "Котедж 2" 11px розміром шрифту

  .buildings-32-label.object-label .label-type-value { font-size: 0px; }
.buildings-32-label.object-label .label-type-value:after { content: "Котедж 2"; font-size: 11px; }
.buildings-32-label.object-label .label-name { display:none; }