Edit in JSFiddle

<dl class="more more-close"><dt>Только ленивый не упрекал Apple в отсутствии инноваций. Да и откуда им взяться, если компания четыре года подряд выпускает один и тот же смартфон, пусть и делая его все лучше. Поэтому долгожданный iPhone X стал тем самым новым аппаратом, на который все будут ориентироваться в ближайшие несколько лет. Впрочем, никакие старания инженеров и руководства Apple не удовлетворят тех, кто проклинает новый смартфон задолго до его выхода.<a class="link-more" href="javascript: void(0);" onclick="var dd = this.parentNode.parentNode.getElementsByTagName('dd')[0];if (dd.style.display == 'none') { this.parentNode.parentNode.classList.toggle('more-close'); dd.style.display = 'inline'; this.innerHTML = 'Свернуть'; } else { this.parentNode.parentNode.classList.toggle('more-close'); dd.style.display = 'none'; this.innerHTML = 'читать дальше'; };">читать дальше</a></dt><dd style="display: none;">Мы протестировали iPhone X накануне релиза и расскажем, за что его можно полюбить или возненавидеть.</dd></dl>

body {
	padding: 15px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	background-color: #EDE7D9;
}
.more {
	position: relative;
}
.more dt, .more dd {
	display: inline;
}
.link-more {
	position: absolute;
	right:0;
	bottom:0;
	background: #EDE7D9;
}
.more-close .link-more:after {
	content: '';
	position: absolute;
	left: -180px;
	top: 0;
	height: 19px;
	width: 180px;
	background: -moz-linear-gradient(left,rgba(237,231,217,0) 0%,rgba(237,231,217,0) 22%,rgba(237,231,217,1) 100%);
	background: -webkit-linear-gradient(left,rgba(237,231,217,0) 0%,rgba(237,231,217,0) 22%,rgba(237,231,217,1) 100%);
	background: linear-gradient(to right,rgba(237,231,217,0) 0%,rgba(237,231,217,0) 22%,rgba(237,231,217,1) 100%);
}