Блог

Хорошо, итак, вот что я пытаюсь сделать (намного сложнее, чем вы могли бы предположить по названию …) :

• Моя (тестовая) страница : http://83.212.101.132/betdk/home/two
• Я интегрировал этот фрагмент начальной загрузки:http://bootsnipp.com/snippets/featured/login-form-with-css-3d-transforms

Как вы можете видеть, с правой стороны находится форма входа в систему. Когда вы нажимаете на этот маленький серый треугольник в верхнем правом (или левом) углу, форма переворачивается.

Теперь дело в том, :

Как я могу установить некоторый контент (по центру — например, маленький значок) ВНУТРИ этого серого треугольника? (вместо этой неловкой вещи «войти ->» …)

Пытался использовать content: или что-то в этом роде, но поскольку я не такой … Гуру CSS, у меня ничего не получилось.

Итак, … есть идеи?

Вы можете установить некоторое содержимое с помощью :after псевдоэлемента:

 #triangle-topright:after {
    content: "A";
    position: absolute;
    right: 0;
    top: 0;
    text-indent: 0;
}

#triangle-topleft:after {
    content: "B";
    position: absolute;
    left: 0;
    top: -50px;
    text-indent: 0;
}
  

Затем вы могли бы использовать шрифт значка, чтобы поместить туда значок.