X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> css анимация + js
Bartle96
Bartle96
Topic Starter сообщение 19.3.2013, 21:47; Ответить: Bartle96
Сообщение #1


Всем привет!
Такой вопрос:

Есть код:

<!DOCTYPE HTML>
<html>
<head>
<style>

[CSS]
#twist {
width:200px;
border:10px solid red;
margin:200px;

-webkit-transition: width 0.5s;
-ms-transition: width 0.5s;
-o-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width0.5s;



}
[/CSS]
</style>

</head>

<a href="#" id="twist" >Больше</a>


<body>

<script>


[JS] var elem = document.getElementById("twist");

elem.onclick = function () {

var elem = document.getElementById("twist");
elem.style.width= "400px";


return false;
}[/JS]
</script>

</body>
</html>


Если я использую [JS] elem.style.width= "400px";[/JS]
То у меня работает анимация, а если я хочу начало прибавить 50px без анимации, а потом еше 100px с анимацией как это сделать? :wacko:
Заранее спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 19.3.2013, 23:45; Ответить: Arks
Сообщение #2


а вы погуглите как css-transition'ы запускать через js api браузеров и вопрос отпадет.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3329 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3290 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6438 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1652 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1415 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 28.3.2024, 19:56
Дизайн