Как картинку разделить на части

По запросу «как картинку разделить на части»
Нашлось 37798 фото

Как Картинку Разделить На Части

Эталон 1. *{ padding: 0; margin: 0; box-sizing: border-box; }.
Pict-container{ max-width: 400px; margin: 15px auto; }. Pict{ padding-bottom: 50%; background: #ccc url(http://static1. Businessinsider. Com/image/5731016652bcd063018c1e12-480/ferrari-488gtb-1. Jpg) no-repeat center top;; background-size: cover; position: relative; }. Pict:before{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #fff; }. Pict > span{ position: absolute; top: 0; сталин рузвельт черчилль ялта фото left: 25%; width: 10px; height: 100%; margin-left: -5px; background: #fff; }. Pict > span:nth-of-type(2){left: 50%;}. Pict > span:nth-of-type(3){left: 75%;}. . Пример 2. *{ padding: 0; margin: 0; box-sizing: border-box; }. Pict-container{ max-width: 400px; margin: 15px auto; }. Pict{ padding-bottom: 50%; position: relative; }. Pict > img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }. Pict:before{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #fff; z-index: 1; }. Pict > span{ position: absolute; top: 0; left: 25%; width: 10px; height: 100%; margin-left: -5px; background: #fff; }. Pict > span:nth-of-type(2){left: 50%;}. Pict > span:nth-of-type(3){left: 75%;}.
Businessinsider. Com/image/5731016652bcd063018c1e12-480/ferrari-488gtb-1. Jpg" alt="">
.... с новым годом красивые картинки
ActionTeaser.ru - тизерная реклама