<div class ... 
										

										+ развернуть текст   сохранённая копия

										


										
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.



Из-за большого размера статья разбита на три части.  Вторая часть. Третья часть.



Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.



Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3. 



Подготовка к работе.



Для создания эффектов понадобится такая дефолтная html-структура. Вместо .eff в коде каждого конкретного эффекта будет использоваться класс .eff-n, где n — номер эффекта:



  <div class="eff">
    <img src="img/ef1.jpg" alt="Effect #1" />
     <div class="caption">
        <h4>Title is Here</h4>
        <p>
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
         </p>
          <a class="btn" href="#" title="View More">View More</a>
        </div>
    </div>




 Читать дальше →
										
										

										

										Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект 

										

																													
Большой обзор красивых многоуровневых меню с codepen   2015-12-23 21:45:04
										

										


										+ развернуть текст   сохранённая копия

										


										




 Хабр, привет!



 На Сodepen появляется много хороших решений от разных специалистов, и я считаю, что лучшие из них нужно собирать в одном месте. Поэтому 2 года назад начал сохранять у себя на компьютере интересные скрипты по разным тематикам.



 Раньше я их выкладывал в группе продукта облачной IDE mr. Gefest, это были сборки из 5-8 решений. Но теперь у меня стало скапливаться по 15-30 скриптов в разных тематиках (кнопки, меню, подсказки и так далее).



 Такие большие наборы следует показывать большему числу специалистов. Поэтому выкладываю их на Хабр. Надеюсь они будут Вам полезны.

 Читать дальше →
										
										

										

										Тэги: css, gefest, html, menu, mr., блог, веб-дизайн, веб-разработка, верстка, кода, коллекция, компании, сайтов 

																											
								


								
Страницы: ... 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 ...