Aleksandr

apps.eky.hk/css-triangle-generator

@keyframes fadeIn
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes fadeIn
{
0%   {opacity: 0;}
100% {opacity: 1;}
}
.items.animated .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}
.items.animated .fadeIn.fade1 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;  
}
.items.animated .fadeIn.fade2 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;  
}
.items.animated .fadeIn.fade3 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;  
}

А так нельзя?

Сколько я не пытался найти это решение, так и не нашел. Если хочешь, чтобы изображение хорошо растягивалось, то только способом, который написал Nikolay Talanov.
Если вставлять изображения и писать max-width: 100%: height: auto, то при ресайзе окна, в портретная ориентация, изображение не заполняет 100% блока.

Зачем тут абсолютом верстать?

А разве pdf нельзя в ФШ открыть?

тут посмотри.
myMap.behaviors.disable('scrollZoom')
Отключает маштабирование скроллом

https://www.codecademy.com/learn
Еще такой вариант

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

jsfiddle.net/bcgffkL4

<input type="button" class="button">Войти</input>
Это вообще что?*)

делайте не импутом, сделайте дивом, баттоном.

Такая же проблема

$(function() {
		if ($('.menu').length > 0) {
			$('.menu').css('z-index', 9);
			var menu = $('.menu').offset().top;
			$(window).scroll(function() {
				if ($(this).scrollTop() > menu) {
					if ($('.menu').css('position') != 'fixed') {
						$('.menu').css({
							'position': 'fixed',
							'top': '0px'
						});
					}
				} else {
					if ($('.menu').css('position') != 'static') {
						$('.menu').css({
							'position': 'static'
						});
					}
				}
			});
		}
	});

jsfiddle.net/gk8nsjca