<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="testDiv">СОДЕРЖИМОЕ ДИВА</div>
</body>
<script>
var UID = {
_current: 0,
getNew: function(){
this._current++;
return this._current;
}
};
HTMLElement.prototype.pseudoStyle = function(element,prop,value){
var _this = this;
var _sheetId = "pseudoStyles";
var _head = document.head || document.getElementsByTagName('head')[0];
var _sheet = document.getElementById(_sheetId) || document.createElement('style');
_sheet.id = _sheetId;
var className = "pseudoStyle" + UID.getNew();
_this.className += " "+className;
_sheet.innerHTML += "\n."+className+":"+element+"{"+prop+":"+value+"}";
_head.appendChild(_sheet);
return this;
};
var div = document.getElementById("testDiv");
div.pseudoStyle("before","content","'перед'").pseudoStyle("before","color","green").pseudoStyle("before","background","black");
div.pseudoStyle("after","content","'после'").pseudoStyle("after","color","red").pseudoStyle("after","background","yellow");
</script>
</html><center><span class="comments-count"><i class="fas fa-comment-alt"></i>192 ответа</span></center><div itemprop="itemReviewed" itemscope itemtype="http://schema.org/MedicalOrganization">
Наркологический центр такой-то
<div class="otzyvv" itemprop="review" ........ > сюда весь остальной твой код </div>
</div>.circle__rotate {
width: 100%;
height: 100%;
box-sizing: border-box;
border: 11px solid #fff; /*увеличено на 1px*/
}
.circle__rotate--left {
border-top-right-radius: 149px; /* уменьшено на 1px */
border-bottom-right-radius: 149px; /* уменьшено на 1px */
/* border-left: 0; */ /* не надо */
transform: rotate(0deg) translate(100%, 0);
animation: rotate2 2s linear forwards;
transform-origin: 100% 50%;
animation-delay: 2s;
}
.circle__rotate--right {
border-top-left-radius: 149px; /* уменьшено на 1px */
border-bottom-left-radius: 149px; /* уменьшено на 1px */
/*border-right: 0;*/ /* не надо */
transform: rotate(0deg) translate(-100%, 0);
animation: rotate 2s linear forwards;
transform-origin: 0% 50%;
}<head>
<meta name="viewport" content="width=device-width" />
</head><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>