CSS Abrunden

NoHand

Hallo RT, was geht abbb??

Ich wollte mal fragen, wie man das Bild abrunden kann??

Also das es oben normal ist und wenn der Kreis aufhört, dass der rest vom Avatar weg ist. Das es so aussieht, dass es rund sei.

Ihr versteht schon wie ich meine

LG NoHand

00000000.PNG

**^MODSirSonay** · *- manatee, 03.12.2016*

Schick mal den dazugehören CSS Code.

NoHand

.avatar {

height: 132px;

margin-top: -30px;

margin-left: -17px;

}

.kreis {

width: 100px;

height: 100px;

border-radius: 50px;

background-color: #1f1e1e;

margin-top: -55px;

margin-left: 120px;

position: absolute;

}

**^MODSirSonay** · *- manatee, 03.12.2016*

Oh und den HTML Code.

NoHand

Zitat von SirSonay

Oh und den HTML Code.

</div>

**^MODSirSonay** · *- manatee, 03.12.2016*

Code: CSS

.kreis {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #1f1e1e no-repeat center -30px;
    margin: -55px 0 0 120px;
    position: absolute;
}

Code: HTML

<div class="kreis" style="background-image:url(https://www.habbo.de/habbo-imaging/avatarimage?figure=ch-3050-73-1408.fa-1201-63.lg-275-110.hd-3092-1370.hr-3163-61&action=wlk,crr=43&head_direction=3&&size=l)"></div>

Lösche die .avatar Klasse und ersetze dann deinen HTML-Code mit meinem.

NoHand

^MODSirSonay Danke dir

Asoo so geht das.

#edit

Also Der Avatar im Kreis machen und ja der rest weiß ich ja xD.

Ich blödiii.

Danke nochmal ^MODSirSonay

Freeeak

Zitat von NoHand

<div class="kreis">

<div class="avatar" style="background:url(https://www.habbo.de/habbo-ima…&head_direction=3&&size=l)"></div>

</div>

Code

overflow: hidden;

hätte es auch bei kreis getan ^^.

NoHand

Danke dir auch

CSS Abrunden

Jetzt mitmachen!

Benutzer online in diesem Thema