Read More

by Roman

HTML

<div class="wrap">
            <div id="short_text" class="text-description-content box-hide"><div style="text-align: justify;">Благодаря таким качествам, как мобильность и компактность, <strong>ноутбуки</strong> (в Киеве и других городах) приобретают все большую популярность в среде компьютерных пользователей. Высокому спросу на ноутбуки (Киев, Донецк) способствует множество факторов. Так, несмотря на небольшие размеры и вес, ноутбуки ничем не уступают настольным компьютерам. Мало того. Многие современные ноутбуки по ряду параметров превосходят стационарные аналоги. При этом цены на ноутбуки в Украине вполне доступны даже покупателям со средним уровнем достатка. На отечественном рынке ноутбуки (Киев, Донецк, др. города) представлены достаточно широким ассортиментом. В зависимости от поставленных целей можно купить ноутбук (в Харькове, в Одессе) для учебы, работы либо для развлечений. Или же купить ноутбук (в Одессе, в Киеве), который позволит выполнять все выше перечисленные задачи в комплексе. <br><br>Купить ноутбук (в Донецке, в Харькове, в других городах Украины) сегодня не составляет особой проблемы. <strong>Ноутбуки</strong> (Харьков, Донецк, Одесса) предлагаются к продаже многочисленными магазинами, существующими практически в каждом городе. Однако выбор ноутбука может быть осуществлен более удобным способом. Так, в последнее время ноутбуки (в Киеве и других городах) все чаще покупаются при помощи Интернета. Приобретая ноутбуки (Украина: Харьков, Киев) данным способом, вы получаете массу неоспоримых преимуществ. В этом вы можете убедиться сами, воспользовавшись услугами нашего интернет-магазина Rozetka. У нас вы сможете купить ноутбуки (Киев, Луганск, Одесса), цены которых вас приятно удивят. При этом у нас можно не только дешево купить ноутбук, но и приобрести все необходимые к нему аксессуары. Для того чтобы купить ноутбук (Киев, Харьков), вам не придется затрачивать время и силы на походы по магазинам. Все операции в нашем интернет-магазине совершаются...

CSS

.text-description-content.box-hide {
overflow: hidden;
max-height: 12em;
position: relative;}

.text-description-content.box-hide:before {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 4em;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.text-description-more {
text-align: right;
padding-bottom: 2em;
}