Анимация

воскресенье, 05 мая 2013

18:43

все записи пользователя в сообществе UDFj

Добрый вечер, сообщники ) Помогите, пожалуйста, разобраться с проблемой. Задаю вот такой код анимации для кнопки "наверх":

#bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 50px; width: 80px; height: 121px; background: url('/userdir/2/5/0/5/2505934/77545506.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -moz-opacity:0.6 !important; opacity:0.6 !important; filter:alpha(opacity=60); color: rgba(0,0,0,0) !important; text-shadow: none !important; -moz-animation: animaciya 6s ease-in-out 2s infinite alternate; -webkit-animation: animaciya 6s ease-in-out 2s infinite alternate; -ms-animation: animaciya 6s ease-in-out 2s infinite alternate; transform: scale(0.7); }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -ms-animation-play-state:paused; transform: scale(1); }
 @-moz-keyframes animaciya {from {width: 100px; }
to{width: 0px; }
}
 @-webkit-keyframes animaciya {from {width: 100px; }
to{width: 0px; }
}
 @-ms-keyframes animaciya {from {width: 100px; }
to{width: 0px; }
}

НО! после нажатия на кнопку сохранить в коде происходят удивительные пертурбации. Селектор @-moz-keyframes animaciya (и иже с ним) НЕ сохраняются, а получается вот ЭТО:

@-moz-key#s animaciya ...
@-webkit-key#s animaciya ...
@-ms-key#s animaciya ...

Т.е. keyframes заменяется на какое-то key#s с решеткой. Может в техподдержку написать? Подскажите, пожалуйста, что делать.

@темы: дневники, diaryCSS, платный сервис, Дизайн

URL

http://www.the5k.org/ Current music: Pulp Fiction - ... . Я совсем недвно узнала об этом дневнике.... порой кажетьс...

В тихом подвале ведьма жила Никто не знал откуда она ... Корейская сборная прямо вот сейчас стойко и упорно пинает... Что я могу сказать... 1:1 И ведь красиво так забили, ...

Комментарии

05.05.2013 в 18:58

bokonist

fail better

некоторые слова нещадно вырезаются из редактора, например, frame

URL

05.05.2013 в 19:59

UDFj

bokonist, вот-вот ) Есть ещё какие-то, навскидку не вспомню. А что делать? К кому обращаться, чтобы разрешили эту проблему с сохранением? В техподдержку?

URL

05.05.2013 в 21:13

Kildor

Homo virtualis группа [γ]

Безопасность. Теоретически можно попробовать написать в техподдержку, да.

PS: animation.
PPS: а куда делось безпрефиксное правило (@keyframes)?

URL

05.05.2013 в 21:53

UDFj

Kildor, спасибо, что откликнулись ) Последую вашему совету )
PS: animation.
Вы имеет в виду, что это слово должно быть вместо animaciya? Если я правильно поняла синтаксис этого чуда CSS-кодирования, то вроде бы можно использовать любое имя. А потом для него в @keyframes прописать динамику. Вроде бы так )
PPS: а куда делось безпрефиксное правило (@keyframes)?
Вроде бы как для разных браузеров нужны префиксы, чтобы они лучше воспринимали. И вот что удивительно, в демонстрационном окошке всё прекрасно работает ) Только не сохраняет кусок frame.

URL

06.05.2013 в 07:28

Kildor

Homo virtualis группа [γ]

Вы имеет в виду, что это слово должно быть вместо animaciya? Если я правильно поняла синтаксис этого чуда CSS-кодирования, то вроде бы можно использовать любое имя. А потом для него в @keyframes прописать динамику. Вроде бы так )
Я имею в виду что "animaciya" не является словом английского языка, а слово "анимация" переводится как "animation". Граммарнаци отакуэ, как обычно.

Вроде бы как для разных браузеров нужны префиксы, чтобы они лучше воспринимали. И вот что удивительно, в демонстрационном окошке всё прекрасно работает
Вроде бы как по стандартам нужно писать ещё и безпрефиксное свойство, чтоб работало в браузерах, умеющих в w3c. К примеру для Оперы нужен безпрефикс.

URL

06.05.2013 в 12:10

UDFj

Kildor,
Граммарнаци отакуэ, как обычно.
Ну это да )) Согласна )) Да пока на стадии освоения этого эффекта, потому к деталям пока не критично отношусь. Потом всенепременно )
К примеру для Оперы нужен безпрефикс.
О, точно! Спасибо за напоминание ) Как только сам ключ начнёт сохраняться, и безпрефиксно запишу. Эх, сохранялся бы ключ...

URL


Запомнить

Анимация

@CSS — стилизация дневников