Skip to content

Instantly share code, notes, and snippets.

@artemrogov
Created March 24, 2019 21:21
Show Gist options
  • Save artemrogov/bc70761ec72808a8f123b909eac96343 to your computer and use it in GitHub Desktop.
Save artemrogov/bc70761ec72808a8f123b909eac96343 to your computer and use it in GitHub Desktop.
Анимация из библиотеки Animate.css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Animate icon content</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style>
/*
DEMO: Анимация шрифтовой иконки;
*/
</style>
</head>
<body>
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col">
<h1 class="text-center">Заголовок для текста</h1>
</div>
</div>
<div class="row">
<div class="col">
<p >Lorem Ipsum - это текст-"рыба",<i class="fas fa-bolt animated infinite heartBeat delay-3s"></i>
часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment