Сложная форма CSS

Question

Сложная форма CSS

Вы также можете использовать HTML5 replaceState, если хотите изменить URL-адрес, но не хотите добавлять запись в историю браузера:

if (window.history.replaceState) {
   //prevents browser from storing history with each change:
   window.history.replaceState(statedata, title, url);
}

Это «сломало» функциональность кнопки «Назад». Это может потребоваться в некоторых случаях, например, в галерее изображений (где вы хотите, чтобы обратная кнопка возвращалась обратно на индексную страницу галереи, вместо того чтобы перемещаться по каждому просматриваемому вами изображению), предоставляя каждому изображению свой собственный уникальный URL.

2

css css-shapes

задан Temani Afif 1 March 2019 в 23:06

2 ответа

Другие вопросы по тегам:

css css-shapes

Похожие вопросы:

score 0 · Answer 1

Если вы можете использовать сплошной цвет фона, может быть, вам это подходит?

в основном элементы before лежат за прямоугольником, у которого есть радиус границы и сплошной цвет фона.

Поддерживается в любом браузере и версии.

.q-rounder {
  position: relative;
  background: white;
  width: 15px;
  height: 15px;
  border-radius: 100px 0 0 0;
}

.q-rounder:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background: black;
  content: "";
  z-index: -1;
}

<div class="q-rounder">

</div>

score 0 · Answer 2

Используйте радиальный градиент в качестве фона.

.q-rounder {
  background: 
    radial-gradient(farthest-side at bottom right,transparent 94%, #222);
  width: 15px;
  height: 15px;
}

<div class="q-rounder">
</div>

Другой синтаксис с at для лучшей поддержки ( Safari не поддерживает at )

.q-rounder {
  background: 
    radial-gradient(farthest-side,transparent 94%, #222) top left/200% 200%;
  width: 15px;
  height: 15px;
}

<div class="q-rounder">
</div>