Как закруглить фоновое изображение? [закрыт]

135
18 сентября 2018, 13:50

Как закруглить углы у background-image? Есть-ли какое-нибудь свойство?

Answer 1

.ss { 
  width: 100px; 
  height: 100px; 
  background-image: url('https://www.igrotime.ru/upload/t/800-700/large_foto/kartina-po-nomeram-cvetnye-chuvstva-gx4759.jpg'); 
  background-repeat: no-repeat, repeat; 
  background-size: cover; 
  border-radius: 10px; 
}
<div class="ss"> 
</div>

Answer 2

С помощью свойства CSS - border-radius вы можете дать любому элементу «закругленные углы».

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}
Answer 3

Если я вас правильно понял, то это делается с помощью style="border-radius: ...px", например:

<button style="width: 120; height: 120"><img src="https://kor.ill.in.ua/m/100x100/1761802.jpg" style="border-radius: 50px; width: 100; height: 100"></button>
Answer 4

Вам дали ответ на поставленный вопрос:

"Есть-ли какое-нибудь свойство?"

Ответ:

С помощью свойства CSS - border-radius вы можете дать любому элементу «закругленные углы».

Если вам не подходит такое решение, то на вопрос:

Как закруглить углы у background-image?

Я даю свой ответ:

Никак.

READ ALSO
Разделить строку с помощью js

Разделить строку с помощью js

Есть такая строка: Пн: 10:00-19:00 Вт: 10:00-19:00 Ср: 10:00-19:00 Чт: 10:00-19:00 Пт: 10:00-19:00 Сб: 09:00-17:00 Вс: Вихідний Всё идёт в рядМне нужно как-то вывести строку, чтобы...

244
Как передать параметры в View React Native

Как передать параметры в View React Native

Не давно начал изучение react nativeИ столкнулся с проблемой

168
Ошибка Uncaught SyntaxError: Unexpected end of JSON input в JavaScript

Ошибка Uncaught SyntaxError: Unexpected end of JSON input в JavaScript

Не могу распарсить json - выдает ошибку

147