Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
 Аватар для optimistic
0 / 0 / 1
Регистрация: 20.09.2013
Сообщений: 14

Transform

21.01.2014, 15:38. Показов 1134. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите, почему не работает сокращенная запись transition? Если записывать полностью, то все ок.
http://jsfiddle.net/Xj82v/1/
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="nav">
        <li class="main-menu">
            <a href="#">Main Menu</a>
        </li>
        <li class="settings">
            <a href="#">Settings</a>
        </li>
        <li class="link">
            <a href="#">Link</a>
        </li>
        <li class="search">
            <a href="#">Search</a>
        </li>
    </ul>
CSS
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
34
.nav{
    list-style:none;
    padding:0;
    margin:30px;
}
.nav li a{
    display:block;
    width:200px;
    height:40px;
    line-height:40px;
    background:#bbb;
    color:#fff;
    margin:1px;
    padding-left:15px;
    text-decoration:none;
}
.nav li a{
    display:block;
    width:200px;
    height:40px;
    line-height:40px;
    background:#bbb;
    color:#fff;
    margin:1px;
    padding-left:15px;
    text-decoration:none;
    
    transition: all 1s easy-in-out;
    -webkit-transition: all 1s easy-in-out;
    -moz-transition: all 1s easy-in-out;
}
.nav li a:hover{
    background:#2fc5ff;
}
 Комментарий модератора 
Код должен присутствовать в тексте сообщения. Песочницы — это лишь бонус для демонстрации.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.01.2014, 15:38
Ответы с готовыми решениями:

transform: skew
У меня есть меню &lt;a href=&quot;{home}&quot; class=&quot;menu&quot;&gt;ГЛАВНАЯ&lt;/a&gt; &lt;a href=&quot;/plugin/voting/&quot; class=&quot;menu&quot;&gt;ВСЕ ОПРОСЫ&lt;/a&gt; &lt;a...

Css3 transform
Промучившись +7 часов обращаюсь к вам, уважаемые профи. У меня то что-то уезжает, то еще что-то. Суть: при наведении на экран айфона...

Z-index и transform
Есть несколько img-ов друг за другом, к которым применяются стили: img { position: relative; z-index: 1; transform: scale(1,1); ...

2
 Аватар для Доктор Зойдберг
104 / 88 / 21
Регистрация: 19.05.2012
Сообщений: 458
21.01.2014, 15:52
Не easy-in-out а ease-in-out
1
 Аватар для optimistic
0 / 0 / 1
Регистрация: 20.09.2013
Сообщений: 14
21.01.2014, 15:55  [ТС]
Ужасная ошибка, недоглядел. Спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.01.2014, 15:55
Помогаю со студенческими работами здесь

Transform-style в ie
Кто подскажет, можно ли обойти ограничение в ie, т.е. отсутствие поддержки в этом браузере свойства transform-style: preserve-3d? ...

transform 3D в Chrome
Добр. день. У меня на кануне появилась проблема связанная именно с браузером Chrome. Использую пример создания 3D куба на css ( Поскольку...

Transform css нестыковка
@keyframes ani_search { 0%{transform:rotate(0deg); transform: translateX(300px);} 100%{ transform:rotate(180deg); ...

CSS3 transform: matrix
Здравствуйте! У меня такая проблема в родном браузере Android не работает: transform: matrix(1,0.3,0,1,0,16); ...

Position и свойство transform!
Вообщем проблема такова,делаю выпадающее меню,и хочу с помощью css задать наклон кнопкам управлении меню,но так чтобы под меню появлялась в...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru