Създаване на пунктирани линии с CSS
В този урок ще говорим за създаването на хоризонтални и вертикални линии, състоящи се от точки, които често се използват при създаване на уебсайтове.
Тези ивици се правят много лесно. Лентата може да бъде произволно дълга, защото се състои от репликирана точка.
При голямо увеличение тази точка изглежда така:
Можете да изтеглите изображения на тези точки, за да създадете подобни линии тук.
За да създадете хоризонтална линия:
Поставете тази част от кода там, където искате реда на страницата.
Можете да регулирате ширината на хоризонталната линия, като промените стойността на свойствотоwidth.
За да създадете вертикална линия:
Поставете тази част от кода, където искате вертикалната линия на страницата.
Можете да регулирате височината на хоризонталната линия, като промените стойността на свойствотоheight.
Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: www.ruseller.com Автор: Евгений Попов Урокът е създаден: 14 май 2008 г. Преглеждания: 51100 Правила за препечатване
5 последни урока от категорията "CSS"
Забавни ефекти за букви
Малък ефект с интерактивна анимация на букви.
Изпълнение на забавни съвети
Малка концепция от забавни съвети, които са внедрени в SVG и anime.js. В допълнение към специален стил, примерът реализира анимация и трансформация на графични обекти.
Анимирани букви
Експеримент: анимирани SVG букви, базирани на библиотеката anime.js.
POV слънчеви очила
Страхотен експеримент на уеб страница, която се показва „от първо лице“ през слънчеви очила.
Навигация в падащо меню
Експериментален сценарийпадаща навигация.