Лента за превъртане се използва не само на уеб страниците, но също така и в отделни форми, така че това е форма и размер са важни. И с красив дизайн съчетава стандартна лента за превъртане няма. Най-простото решение на този проблем - това е оформена стандартни превъртане CSS3 средства. Ограничение на този метод е, че работи само с помощта на WebKit браузъри

Ето един пример на HTML код на работа:

Нека разгледаме всеки елемент

:: - WebKit-плъзгач-писта - Задава пистата закръгляне на ръбовете на 4px

:: - WebKit-плъзгач - Ширината на 6 пиксела за превъртане

:: - WebKit-плъзгач-палеца - Задава цвета и радиус на кривина в пистата

: Задръжте :: - WebKit-плъзгач-палеца - Застанал на блок променя цвета си песен

Резултатът от този код ще бъде превъртане

Голяма част от текст в малък блок много текст в малък блок много текст в малък блок много текст в малък блок много текст в малък блок много текст в малък блок много текст в малък блок много текст в малък блок много текст в малък блок много текст в малка кутия много текст в малък блок много текст в малък блок много текст в малък блок много текст в малка кутия