Кто Может Сделать Кнопочку На Сайт?

[Tavria 6]

Кто может сделать кнопочку на сайт, с надписью Gloom Portal желательно анимированную, дам много +++)

Буду очень благодарен)

[MrFANTASTIK 199]

Кто может сделать кнопочку на сайт, с надписью Gloom Portal желательно анимированную, дам много +++)

Буду очень благодарен)

Во первых надо увидеть сайт, что бы знать диз. Во вторых в каком смысле анимированую? Состоящую из 2 изображений или во флеше?

[hdlex 17]

какой функционал ?

[Tavria 6]

Кнопочку надо 88x31, а функционал это портал игр.

[hdlex 17]

я имею в виду тебе нужна сугубо кнопка или для нее нужно писать код для выполнения какого либо действия

[Tavria 6]

код я напишу, надо просто кнопочку с анимацией)

[hdlex 17]

готовое решение

 

стиль ксс

 

 

a.button12 {

position: relative;

display: inline-block;

font-size: 100%;

font-weight: 700;

color: #fff;

text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px;

text-decoration: none;

user-select: none;

padding: .3em .7em;

outline: none;

border-radius: 7px;

background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px);

box-shadow:

inset -2px -2px rgba(0,0,0,.3),

inset 2px 2px rgba(255,255,255,.3);

transition: background-position 999999s, color 999999s, text-shadow 999999s;

}

a.button12:hover, a.button12:focus {

text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;

background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat;

background-size: 1000% 100%;

}

a.button12:hover {

background-position: 0 0;

}

a.button12:focus {

color: rgba(255,255,255,0);

text-shadow: rgba(1,117,177,0) -1px 1px, rgba(1,117,177,0) 1px 1px, rgba(1,117,177,0) 1px -1px, rgba(1,117,177,0) -1px -1px;

background-position: 900% 0;

transition: background-position linear 600s, color .5s, text-shadow .5s;

}

a.button12:after {

content: "загрузка\2026";

position: absolute;

top: 0;

left: 0;

padding: .3em .7em;

color: rgba(0,0,0,0);

text-shadow: none;

transition: 999999s;

}

a.button12:focus:after {

color: #fff;

text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;

transition: .5s;

}

 

вызов кнопки

<a href="#" class="button12" tabindex="0">кнопка</a>

[hdlex 17]

если стиль понравиться просто смени размер под необходимый

[Tavria 6]

Спасибо большое!)

[Tavria 6]

А теперь такой вопрос можно еще сделать gif картинку?)

[GRIN4 24]

Дохера хочешь что-то

[Foxter 169]

Дохера хочешь что-то

Зачем поднимать старую тему? умник

[GRIN4 24]

Ну, во-первых ты хачан (качан).

Всё!

[Foxter 169]

Ну, во-первых ты хачан (качан).

Всё!

когда школьники пропадут с портала?