Тема: Кто знает (Движок DCMS-Social/Общие вопросы)

scpasis13 (16 Oct 2015 в 16:29)
Типа аватар в виде сердца сделать? Хочешь?

shahruhkan (16 Oct 2015 в 16:56)
scpasis13, Да друг

scpasis13 (16 Oct 2015 в 17:29)
Для создания формы в виде сердца создадим DIV.
<div id=\"heart\"> </div>
CSS
Форму сердца сделать не легко, но это может быть реализовано путем вращения элементов под разными углами и изменения свойства transform-origin для того, чтобы изменить расположение трансформированных элементов.
#heart {
    position: relative;
}
#heart:before,#heart:after {
    content: \"\";
    width: 70px;
    height: 115px;
    position: absolute;
    background: red;
    left: 70px;
    top: 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
#heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

shahruhkan (16 Oct 2015 в 18:27)
scpasis13, Друг сделай я оплачу

Источник: http://www.dcms-social.ru/forum/13/34/60357/