Показать сообщение отдельно
  #4 (permalink)  
Старый 02.03.2017, 18:40
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

dima85,
может тебе нужны псевдоэлементы? (:after, :before)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
	
	html, body {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	
	.container {
		height: 100px;
                position: relative;
	}	
	
	.container:after {
		content: '';
		 border:15px solid #fff;
		 border-top:15px solid #FF6600;
		 border-radius:50%;
		 width:50px;
		 height:50px;
		 animation:spin 1s linear infinite;
		 display:block;
		 margin:0 auto;
		 left:49%;
		 position:absolute;
		 top:50%;
	}
	@keyframes spin {
	 0% { transform:rotate(0deg); }
	 100% { transform:rotate(360deg); }
	}		
    </style>
</head>
<body>
  <div class="container">
   <div class="row" id="content">
***
  </div>
  </div>
 </body>
</html>
Ответить с цитированием