А как создать эффекты для кнопки Панорама.

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#1
Кто знает как создавать эффекты для кнопок панорам?
Мне очень нужно
 
20 Дек 2016
657
134
28
11
Проект
DI:LS
Реакции
134 0 0
#2

LAPKI

Пользователь
26 Окт 2018
63
9
8
20
Реакции
9 0 0
#3
Css через анимацию и псевдоклассы и js
 

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#4
Cвечение
Но я и не умею анимацию делать
 

LAPKI

Пользователь
26 Окт 2018
63
9
8
20
Реакции
9 0 0
#5
Cвечение
Но я и не умею анимацию делать
свечение какое именно? постоянное? пример хоть какой-то есть? можно обычным css без анимаций сделать через shadow-box, если мигание - через анимацию, если при наведении - то же самое что и 1 только через псевдокласс :hover , если когда на кнопке фокус :focus, если при нажатии :active
 
Реклама:

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#6
Мне нужно постоянное свечение
Ну я не умею анимировать.
 

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#7
Я хз почему у моя абилка не отображаеться тоесть как бутто она добавлена Но она почему-то не роботает.
И помогите с абилкой она то добавлена к героя но там был довжен мой быть но там просто абилки нету
какую я добавил
 
Последнее редактирование:

LAPKI

Пользователь
26 Окт 2018
63
9
8
20
Реакции
9 0 0
#9
самое простое
box-shadow:0/*сдвиг по горизонтали(ось x) в пикселях, процентах или других доступных единицах*/ 0/*сдвиг по вертикали(ось y) в пикселях, процентах или других доступных единицах*/ 20px /*тут радиус тени(рассеивающейся части в свечении)*/ #555/* тут любой цвет в hex*/;
то же самое только без комментариев
box-shadow:0 0 20px #555;
 

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#10
Реклама:

LAPKI

Пользователь
26 Окт 2018
63
9
8
20
Реакции
9 0 0
#11
Мне нужно когда навожу на кнопку свечение появлялось
А когда отводишь от кнопки пропало свечение
самое простое
box-shadow:0/*сдвиг по горизонтали(ось x) в пикселях, процентах или других доступных единицах*/ 0/*сдвиг по вертикали(ось y) в пикселях, процентах или других доступных единицах*/ 20px /*тут радиус тени(рассеивающейся части в свечении)*/ #555/* тут любой цвет в hex*/;
то же самое только без комментариев
box-shadow:0 0 20px #555;
свечение какое именно? постоянное? пример хоть какой-то есть? можно обычным css без анимаций сделать через shadow-box, если мигание - через анимацию, если при наведении - то же самое что и 1 только через псевдокласс :hover , если когда на кнопке фокус :focus, если при нажатии :active
 

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#12
Пример покажите при наведение на кнопку появлялось свечение и
 
20 Дек 2016
657
134
28
11
Проект
DI:LS
Реакции
134 0 0
#13
CSS:
#Btn{
    transition-property: saturation, brightness, pre-transform-scale2d;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    saturation: 0.6;
    brightness: 0.4;
    pre-transform-scale2d: 1;
}
#Btn:hover{
    brightness: 1;
    saturation: 1;
    pre-transform-scale2d: 1.08;
}
 

LAPKI

Пользователь
26 Окт 2018
63
9
8
20
Реакции
9 0 0
#14
CSS:
#Btn{
    transition-property: saturation, brightness, pre-transform-scale2d;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    saturation: 0.6;
    brightness: 0.4;
    pre-transform-scale2d: 1;
}
#Btn:hover{
    brightness: 1;
    saturation: 1;
    pre-transform-scale2d: 1.08;
}
ну с скейлом конечно костыльно, лучше shadow-box подставить, но вот с яркостью и контрастностью я не подумал)
 
20 Дек 2016
657
134
28
11
Проект
DI:LS
Реакции
134 0 0
#15
ну с скейлом конечно костыльно, лучше shadow-box подставить, но вот с яркостью и контрастностью я не подумал)
Можно что угодно поставить, просто это пример из моего кода, раскрывающий тему, а не решение конкретно этой задачи.
 
Реклама:

NoPro

Пользователь
28 Ноя 2018
22
5
1
20
Реакции
0 0 5
#16
Это так в доте работает?
 

I_GRIN_I

Друзья CG
15 Мар 2016
1,179
99
48
20
Реакции
97 0 2
#18
ну с скейлом конечно костыльно, лучше shadow-box подставить, но вот с яркостью и контрастностью я не подумал)
box-shadow не анимируется с помощью transition вроде как
 

ZLOY

Администратор
27 Июн 2016
672
95
28
18
Реакции
93 0 2
#19
Анимируется же
 
Реклама:
Реклама: