kina cha mada ya mawendo

Madoa ya tazama ya CSS

kina cha CSS

Mfano wa kusumbua

Kuwa na uwanja wa kusumbua

CodeW3C.com Kiti cha Kifaa

Mbinu ya kusumbua:

Kichwa cha kuzingatia Funksheni ya CSS drop-shadow()
Pya ya kuzingatia Funksheni ya CSS exp()
Rudi wasembe wa juu Madoa ya tazama ya function cha CSS

CSS ellipse() funguza

Maelezo na uendaji ellipse() CSS na

ellipse() Funguza inaeleza funguza yenye mabaki x na y mbili. clip-path Mashabiki na shape-outside Kusababisha kwa pamoja ya mashabiki

Mfano

Mfano 1

Kutia picha kwa ufupi wa mabaki x na y 50% na y na 30%:

img {
  clip-path: ellipse(50% 30%);
}

Kufanya kwa mafanikio

Mfano 2

Kutia picha kwa ufupi wa mabaki x na y 50% na y na 30%, na kuingiza kina kina kwa upande wa kulia:

img {
  clip-path: ellipse(50% 30% at right);
}

Kufanya kwa mafanikio

Mfano 3

Kufanya kwa mafanikio clip-path na ellipse() Kumaliza maelezo ya mabaya:

#myDIV {
  width: 100px;
  height: 100px;
  background-color: coral;
  color: green;
  animation: mymove 5s infinite;
  clip-path: ellipse(80% 50%);
}
@keyframes mymove {
  50% {clip-path: ellipse(30% 10%);}
}

Kufanya kwa mafanikio

Mfano 4

Kusababisha kwa pamoja ellipse(),clip-path na shape-outside:

img {
  float: left;
  clip-path: ellipse(50% 30%);
  shape-outside: ellipse(55% 35%);
}

Kufanya kwa mafanikio

Inasababisha ya CSS

ellipse(xy-radius Kwenye uwanja wa kiwango)

Thamani	Kuelewa
xy-radius	Inayotahidi. Kuzingatia ufupi wa mabaki x na y. Inaweza kuwa thamani yoyote ya hivi karibu: Thamani za umbo Pya za ufupi closest-side: Kusababisha kwa jumla kutoka kina kina hadi eneo la kwanza la ukweli. farthest-side: Kusababisha kwa jumla kutoka kina kina kwa eneo la kwanza hadi eneo la kuu sana la ukweli.
Kwenye uwanja wa kiwango	Inayopewa kwa ujumbe. Kuzingatia naani za kawaida ya kina kina. Inaweza kuwa thamani ya umbo, ufupi kwa ufadhaifu, au thamani za left, right, top au bottom. Kwa ujumbe wa kuzingatia kwa kawaida.

Thamani

Kuelewa

xy-radius

Inayotahidi. Kuzingatia ufupi wa mabaki x na y. Inaweza kuwa thamani yoyote ya hivi karibu:

Thamani za umbo
Pya za ufupi
closest-side: Kusababisha kwa jumla kutoka kina kina hadi eneo la kwanza la ukweli.
farthest-side: Kusababisha kwa jumla kutoka kina kina kwa eneo la kwanza hadi eneo la kuu sana la ukweli.

Kwenye uwanja wa kiwango

Inayopewa kwa ujumbe. Kuzingatia naani za kawaida ya kina kina.

Inaweza kuwa thamani ya umbo, ufupi kwa ufadhaifu, au thamani za left, right, top au bottom.

Kwa ujumbe wa kuzingatia kwa kawaida.