Добавить анимацию CSS на сайт с фоновой картиной

-2

Вопрос очень глупый, но у меня есть никогда создал веб-страницу, поэтому, пожалуйста, не сразу снимите. И, пожалуйста, не говорите мне посмотреть тотализаторы, мне действительно нужно сделать что-то вроде описанного ниже только один раз. По некоторым причинам мне нужно создать действительно простую веб-страницу, содержащую только фоновое изображение и анимацию сердца CSS3, которую я нашел. Мне нужна анимация сердечного ритма CSS, которая будет размещена в левом углу с краем 100 пикселей с нижней стороны, накладывая другое изображение, которое я использую в качестве фона Что мне нужно добавить в HTML для этого?Добавить анимацию CSS на сайт с фоновой картиной

мой HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Test page</title> 
    </style> 
    </head> 
    <body/> 
    <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center> 
    </body> 
    </html>

And the CSS I'm trying to use

SO имеет очень плохое форматирование CSS, поэтому я добавил код CSS в Pastebin.

Обратите внимание, что я никогда не работал с CSS и нуждался в подробном объяснении. Благодарю.

источник

2013-03-06 Droidman

Что отличает ваш вопрос от домашней работы? Не просите «dont downvote», если вы думаете, что есть причина ... этот случай хуже, потому что вы не новичок здесь. пока не подошел, но ждать вашего ответа – Toping

Это не домашнее задание, так как я закончил школу и колледж целую вечность. Конечно, я не новичок в SO, но моя область работы - Android. Я новичок в веб-разработке – Droidman

Создание и стиль

<div id='bigwrapper></div>

его с

#bigwrapper{ 
    width:100%; 
    height:100%: 
}

и изображение вашего сердца в там. После этого примените необходимый CSS HTML-разметка нуждается в работе, потому что без правильно отформатированных тегов несколько вещей могут не сработать. Вам нужно правильно открыть и закрыть теги.

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Test page</title> 
    <style></style> 
</head> 
    <body> 
    <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center> 
    </body> 
</html>

Центр Тег устарел в HTML5, а переходы вы используете только работать с HTML5 и CSS3.

источник

2013-03-06 13:06:28 scrblnrd3

спасибо. Ну, я определенно не собираюсь оскорблять SO, потому что я повсюду болтаюсь, я просто указал на некоторые пропущенные функциональные возможности. Потому что обычно людям не нравятся какие-либо внешние ссылки в вопросах – Droidman

Добавить анимацию CSS на сайт с фоновой картиной

ответ

Смежные вопросы