Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Решено Мерцание кнопки входа в аккаунт

Статус
В этой теме нельзя размещать новые ответы.
krelix

krelix

Май
548
98
Активный
Приветствую, ранее создавал такую тему но только для регистрации пользователя пикамонов дал код

@keyframes animreg {
0%, 100% {
box-shadow: 0 0 5px rgba(220, 38, 38, 0.4),
0 0 10px rgba(220, 38, 38, 0.3),
0 0 15px rgba(220, 38, 38, 0.2);
background-color: rgba(220, 38, 38, 0.1);
}
50% {
box-shadow: 0 0 10px rgba(220, 38, 38, 0.8),
0 0 20px rgba(220, 38, 38, 0.6),
0 0 30px rgba(220, 38, 38, 0.4);
background-color: rgba(220, 38, 38, 0.2);
}
}

.p-navgroup-link--register {
animation: animreg 2s ease-in-out infinite;
border-radius: 4px;
transition: all 0.3s ease;
}

.p-navgroup-link--register:hover {
animation: animreg 1s ease-in-out infinite;
background-color: rgba(220, 38, 38, 0.25) !important;
}

Как сделать чтобы такая же анимированная кнопка была на вход?
 

Вложения

  • IMG_20260109_045941.jpg
    IMG_20260109_045941.jpg
    17 KB · Просмотры: 12
Решение
Weshnovsky
krelix написал(а):
Приветствую, ранее создавал такую тему но только для регистрации пользователя пикамонов дал код

@keyframes animreg {
0%, 100% {
box-shadow: 0 0 5px rgba(220, 38, 38, 0.4),
0 0 10px rgba(220, 38, 38, 0.3),
0 0 15px rgba(220, 38, 38, 0.2);
background-color: rgba(220, 38, 38, 0.1);
}
50% {
box-shadow: 0 0 10px rgba(220, 38, 38, 0.8),
0 0 20px rgba(220, 38, 38, 0.6),
0 0 30px rgba(220, 38, 38, 0.4);
background-color: rgba(220, 38, 38, 0.2);
}
}

.p-navgroup-link--register {
animation: animreg 2s ease-in-out infinite;
border-radius: 4px;
transition: all 0.3s ease;
}...
Нажмите для раскрытия...
Сортировка по дате Сортировка по голосам
Weshnovsky

Weshnovsky

Фев
198
139
Пользователь
krelix написал(а):
Приветствую, ранее создавал такую тему но только для регистрации пользователя пикамонов дал код

@keyframes animreg {
0%, 100% {
box-shadow: 0 0 5px rgba(220, 38, 38, 0.4),
0 0 10px rgba(220, 38, 38, 0.3),
0 0 15px rgba(220, 38, 38, 0.2);
background-color: rgba(220, 38, 38, 0.1);
}
50% {
box-shadow: 0 0 10px rgba(220, 38, 38, 0.8),
0 0 20px rgba(220, 38, 38, 0.6),
0 0 30px rgba(220, 38, 38, 0.4);
background-color: rgba(220, 38, 38, 0.2);
}
}

.p-navgroup-link--register {
animation: animreg 2s ease-in-out infinite;
border-radius: 4px;
transition: all 0.3s ease;
}

.p-navgroup-link--register:hover {
animation: animreg 1s ease-in-out infinite;
background-color: rgba(220, 38, 38, 0.25) !important;
}

Как сделать чтобы такая же анимированная кнопка была на вход?
Нажмите для раскрытия...
Ну также почти.

Код: 
@keyframes animlog {
    0%, 100% {
        box-shadow: 0 0 5px rgba(220, 38, 38, 0.4),
            0 0 10px rgba(220, 38, 38, 0.3),
            0 0 15px rgba(220, 38, 38, 0.2);
        background-color: rgba(220, 38, 38, 0.1);
    }
    50% {
        box-shadow: 0 0 10px rgba(220, 38, 38, 0.8),
            0 0 20px rgba(220, 38, 38, 0.6),
            0 0 30px rgba(220, 38, 38, 0.4);
        background-color: rgba(220, 38, 38, 0.2);
    }
}

.p-navgroup-link--logIn {
    animation: animlog 2s ease-in-out infinite;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.p-navgroup-link--logIn:hover {
    animation: animlog 1s ease-in-out infinite;
    background-color: rgba(220, 38, 38, 0.25) !important;
}
 
Последнее редактирование:
Позитивный голос 1 Негативный голос
Решение
viovit

viovit

@viovit_dev
Апр
1,345
837
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Weshnovsky написал(а):
Ну также почти.

Код: 
@keyframes animlog {
0%, 100% {
box-shadow: 0 0 5px rgba(220, 38, 38, 0.4),
0 0 10px rgba(220, 38, 38, 0.3),
0 0 15px rgba(220, 38, 38, 0.2);
background-color: rgba(220, 38, 38, 0.1);
}
50% {
box-shadow: 0 0 10px rgba(220, 38, 38, 0.8),
0 0 20px rgba(220, 38, 38, 0.6),
0 0 30px rgba(220, 38, 38, 0.4);
background-color: rgba(220, 38, 38, 0.2);
}
}

.p-navgroup-link--logIn {
animation: animreg 2s ease-in-out infinite;
border-radius: 4px;
transition: all 0.3s ease;
}

.p-navgroup-link--logIn:hover {
animation: animreg 1s ease-in-out infinite;
background-color: rgba(220, 38, 38, 0.25) !important;
}
Нажмите для раскрытия...
OFFTOP

табуляция успешно проебана :cool:

 
Позитивный голос 0 Негативный голос
Spolzer

Spolzer

Янв
120
25
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Weshnovsky написал(а):
OFFTOP

Специально для тебя сделал

Нажмите для раскрытия...
OFFTOP

научись признавать ошибки :rolleyes:

 
Позитивный голос 0 Негативный голос
viovit

viovit

@viovit_dev
Апр
1,345
837
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Weshnovsky написал(а):
OFFTOP

Не моя ошибка в том что челик кинул код без табуляции, какой он мне дал такой я ему и вернул

Нажмите для раскрытия...
OFFTOP

тогда вопросов нет, не было интересно особо че школяр скинул тебе

 
Позитивный голос 0 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Сверху