Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 05.12.2013
Сообщений: 39
1

Анимация

20.03.2014, 17:02. Показов 321. Ответов 0
Метки нет (Все метки)

Здравствуйте!Помогите,пожалуйста, я сделал анимацию на css е, вот код-
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>NEW</title>
    <meta charset="utf-8">
    <link href="css.css" rel="stylesheet" type="text/css">
    <link href="animate.css" rel="stylesheet">
    <link href="hover.css" rel="stylesheet" media="all">
<style>
.lamp{
    padding-top: 40px;
    opacity: 0.8;
    width: 100px;
    height: 60px;
    background-color: red;
    position: absolute;
}
.kv{
    margin-top: 40px;
margin-left: 30px;
position: absolute;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
 
<div class="kv grow"><div class="animated bounceIn lamp">
    <a href="#"><center>Hello</center></a>
</div></div>
</body>
</html>
Всё хорошо работает только в хроме,погомите,как это переделать,чтобы на всех браузерах хорошо работало,без тормозов,я ещё зелёный в этих делах,думаю надо всё это дело на js делать,но незнаю как.Если не затруднит,напишите,как код должен выглядить.
Заранее,спасибо огромное!

Добавлено через 56 минут
При загрузке страницы обьект выезжает- bounceIn(можно здесь посмотреть как это- http://daneden.github.io/animate.css/),а потом при наведении мышки на обьект он немного увеличиваеться-grow(вот как сдесь-http://ianlunn.github.io/Hover/)
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.03.2014, 17:02
Ответы с готовыми решениями:

Анимация
По завершению первой анимации, через 2 секунды получается, стоит на месте секунды 2 и потом уже она...

Анимация
Привет Всем. Такой вопрос, добавляю запись в таблицу $('#spis').append('&lt;tr id='+i+'...

Анимация
$('#anim-header').css('background','linear-gradient(184deg, #db4437 43%, transparent 43.34%)');...

Анимация
var img = document.getElementsByTagName('img'); var $img = $(img); if ($img.width() &lt; 300){ ...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
Обучение в Java Mentor с оплатой после трудоустройства
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.03.2014, 17:02

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Анимация
Всем добрый день! Нужна помощь. Как сделать анимацию появления картинки при загрузке страницы? Пару...

И опять анимация
Знаю, тема уже заезженная, и всё же. Обшарил весь интернет и так и не понял, как сделать, что бы...

Анимация списка
Здравствуйте! Помогите, пожалуйста, начинающему jquerисту решить такую задачу: есть вёрстка: ...

анимация поворот
пробовал скачать плагин трансформации чтото не работает, а можно свойствами jquery поворачивать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.