ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивые тени для блоков сайта на CSS

Красивые тени для блоков сайта на CSS

Красивые тени для блоков сайта на CSS
Здесь мы выставим тени как в описание таки и на изображение. Это то, что будет у нас в блоге и на светлом дизайн сайте смотреться великолепно. Здесь как основа идет каркас, в нем вы можете написать или описать кратко сайт и поставить на главную. Также не нужно забывать про демонстрацию, и в этом блоке ее предоставлять. Но думаю главное, это сам дизайн, который простой и вы сами в стилях, это в начале можете выставить как ширину и длину самого блока, где будет находиться содержание.

Здесь будет представлено 2 стиля, чтоб вы понимали, как можно делать, и один поставлен на DEMO, но это чтоб понять, как реально вообще будет смотреться. Просто изначально все подведено под белый фон, но который вы можете сами изменить.

Установка:

Для начало если брать описание, то нужно поместить его в дивы.

Код
<div class="section">  

Здесь пишем что вам нужно, также прилагаем к нему изображение.
   
  </div>


Этот стиль, под главную картинку, которая представлена в этом материале.



Это второй, который если вы поменяете так будет, здесь представлена светло желтая гамма, но вы выставляете которую вам нужно.

Эффектные тени для сайта на CSS

Код
<div class="section reveal">  

Также все пишем по своему усмотрению
   
</div>


CSS:



29 Апреля 2016 Просмотров: 2183 Комментариев: (3)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 3
csretven
csretven 29 Апреля 2016 04:351
0
Нормально исполнено, просто много видел таких скрипт на CSS, и что то не когда внимание не обращал, а вот когда дизайн стандартный поставил, стал больше замечать, что на сойт могут подойти по своему стилю.
feliksteg
feliksteg 29 Апреля 2016 16:572
0
Не думаю что здесь подойдёт любой оттенок цвета. Просто на светлом дизайн намного красивей выглядит.
Kosten
Kosten 29 Апреля 2016 17:153
0
Но не согласен полностью здесь, просто сделано под светло темный сайт, но если его на другой дизайн установить, где гамма цвета другая и под нее настроить все, то тогда совершенно по другому визуализация будет.
avatar