Записи с меткой плеер

(и еще 39914 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

Аудиоплеер HTML5 с бордюром и без , но с эффектом углубления

Пятница, 02 Апреля 2021 г. 13:19 + в цитатник

           HTML5 аудиоплеер с бордюром + коды

	<audio controls="controls" src="Адрес mp3" style="width: 300px; height: 10px; border:5px solid #; padding:8px; background:#f2f3f5; border-radius:6px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>
	<audio controls="controls" src="МУЗЫКА" style="width: 300px; height: 10px; border:3px solid #dd74d3; padding:10px; background:#f2f3f5; border-radius:10px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>
	<audio controls="controls" src="МУЗЫКА" style="width: 300px; height: 10px; border:3px dotted #dd74d3; padding:10px; background:#f2f3f5; border-radius:10px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>
Бордюр из картинки
	<div style="border solid:5px; width:316px; height:26px; padding:3px; background-image: url('Адрес фона картинки обводки'); border-radius:8px;"> <audio controls="controls" src="Адрес mp3" style="width: 300px; height: 10px; border:5px solid #; padding:8px; background:#f2f3f5; border-radius:6px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>

Если изменить значение padding 3px на 5px, то обводка увеличится

Рубрики:

Шпаргалки
Музыка

Метки: плеер шпаргалки

Страницы:

[1]