Помощь в изменении ширины элемента
Вложений: 1
Всем привет, нужна помощь в изменении элемента падающего снега, нужно как - то организовать обтекание картинки либо задать максимальную ширину самого падающего снега по ширине картинки т.е. чтобы за приделы картинки снег не выходил, кто поможет организовать это, при необходимости отблагодарю монетой.... Сам файл прикрепляю ниже
|
amstafff,
1.попробовать новую версию http://www.schillmania.com/projects/snowstorm/ 2. если вопрос останется, обьяснить что такое картинка, обтекание, и пределы. |
Цитата:
|
amstafff,
делайте макет с вашей картинкой |
Цитата:
|
Цитата:
типа http://www.schillmania.com/projects/snowstorm/target-element-absolute-example.html но или здесь или в песочнице |
Цитата:
|
amstafff,
да сделать то чего не работет, чтоб можно было посмотреть. по ссылке выше пример был там ничего за пределы элемента не вылетает, без макета можно только гадать, почему у вас иначе. |
Вложений: 1
Цитата:
|
amstafff,
строка 31 и 47 , вам же и доку дали и пример ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>sneg</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="font.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
color: #000;
font-size: 13px;
max-width: 360px;
margin: 0 auto;
font-family: 'PT Sans Caption', arial, serif;
background: #282828;
}
.sneg{
max-width: 480px;
box-sizing: border-box;
}
#snow-target {
/**
* absolute-positioned example, snow is appended to this element.
* overflow: hidden is recommended for best effect.
*/
position: absolute;
top: 50%;
left: 50%;
width: 480px;
height: 163px;
margin-left: -10em;
margin-top: -6em;
background: #445566;
overflow: hidden;
}
</style>
</head>
<body>
<div class = "sneg" id="snow-target">
<script src="http://www.schillmania.com/projects/snowstorm/snowstorm.js"></script>
<script>
snowStorm.targetElement = 'snow-target'
</script>
<img src="http://savepic.net/7651783.png" border="0" alt="Изображение - savepic.net — сервис хранения изображений" />
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 02:18. |