css3 переход изображения в неупорядоченном списке - вверх - PullRequest
Новая
       13

css3 переход изображения в неупорядоченном списке - вверх

1 голос
/ 31 октября 2011

Я хочу использовать неупорядоченный список для отображения некоторых значков подряд.

при наведении курсора (при наведении курсора) значки должны увеличиваться, что уже отлично работает, но значки растут до дна ... чтомне нужно это: иконки должны расти до вершины.Я думаю, что это проблема положения: кто-то может помочь с примером CSS?

HTML и CSS: 

<code>    <div id="container">

<ul>
    <li><img src="test.jpg" /></li>
    <li><img src="test.jpg" /></li>
    <li><img src="test.jpg" /></li>
    <li><img src="test.jpg" /></li>
    <li><img src="test.jpg" /></li>
</ul>


</div> <!-- end of #container -->


<pre>

          ul {
    position: absolute;
  }

li {  
    position: relative;
    bottom: 0;
    left:0;
  }

  ul li {
  float: left;
  }


  ul li img:hover {
    width: 142px;
    height: 142px;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;  
  }

1 Ответ

0 голосов
/ 31 октября 2011

Вместо этого следует использовать масштаб преобразования, при этом исходное положение преобразования установлено на 100% от положения y

...