помощь с шестеренкой

[AuraDev]

как сделать вот такую шестеренку как на форуме у CRMP MOBILE кто знает

 

[AuraDev]

@pikamonov @Kolpak помогите пж

 

[رجل ياباني]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

@pikamonov @Kolpak помогите пж

Приветик она там для чего юзаеться?

 

[AuraDev]

понятия не имею

 

[AuraDev]

@Kolpak выручай) помоги пж

 

[AuraDev]

поможет ктото ?))

 

[رجل ياباني]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

поможет ктото ?))

хз не ебу по суте это кнопка с картинкой как и все другие

 

[AuraDev]

думаешь?

 

[KeoFox]

понятия не имею

Так если ты даже не знаешь для чего она, зачем её у себя то делать?

сама иконка

Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Search all the Version 5 icons and match your project with a look and feel that's just right. Better yet, try Font Awesome 7 with more icons, styles, and packs.

fontawesome.com

 

[AuraDev]

при чем тут это что я знаю что не знаю? и да я знаю где можно иконки брать

 

[rararorara]

как сделать вот такую шестеренку как на форуме у CRMP MOBILE кто знаетПосмотреть вложение 17925

CSS-код

/* Стили для кнопки-шестеренки */
.custom-settings-btn {
display: inline-flex;
align-items: center;
justify-content: center;

/* Размер кнопки */
width: 45px;
height: 45px;

/* Фон и рамка */
background: rgba(255, 77, 77, 0.1); /* Полупрозрачный красный фон */
border: 2px solid #ff4d4d; /* Красная яркая рамка */
border-radius: 12px; /* Закругление углов */

/* Эффект свечения */
box-shadow: 0 0 10px rgba(255, 77, 77, 0.4);

cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
}

/* Цвет и размер самой иконки */
.custom-settings-btn i {
color: #ff4d4d;
font-size: 20px;
}

/* Эффект при наведении */
.custom-settings-btn:hover {
transform: scale(1.05); /* Кнопка чуть увеличивается */
box-shadow: 0 0 15px rgba(255, 77, 77, 0.8); /* Свечение становится ярче */
background: rgba(255, 77, 77, 0.2);
}

/* Анимация вращения шестеренки при наведении */
.custom-settings-btn:hover i {
transform: rotate(90deg);
transition: transform 0.4s ease;
}

HTML-код
Этот код нужно вставить в тот шаблон где ты хочешь видеть кнопку например в PAGE_CONTAINER или в виджет

<a href="/account/preferences" class="custom-settings-btn">
<i class="fa--xf far fa-cog" aria-hidden="true"></i>
</a>

 

[rararorara]

CSS-код

HTML-код
Этот код нужно вставить в тот шаблон где ты хочешь видеть кнопку например в PAGE_CONTAINER или в виджет

Спойлер: Примечание

Саму шестерёнку я увидел в самом конце форума