Как сделать фон из точек на css?
1,00
р.
Как сделать на css такой фон из точек?
.bg { width: 100% height: 50px background: url(https:/port.mail.ru/img/_mainubnav.png) }
Ответ
Градиент:
.dotted { padding: 2.25em 1.6875em background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) -webkit-background-size: 3px 3px -moz-background-size: 3px 3px background-size: 3px 3px width:100% height: 50px }
.bg { width: 100% height: 50px background: url(https:/port.mail.ru/img/_mainubnav.png) }
Ответ
Градиент:
.dotted { padding: 2.25em 1.6875em background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%) -webkit-background-size: 3px 3px -moz-background-size: 3px 3px background-size: 3px 3px width:100% height: 50px }
