diff --git a/h5+css3/h5+css3_03/01.css b/h5+css3/h5+css3_03/01.css new file mode 100644 index 0000000000000000000000000000000000000000..82397bad0c0b869f594d10f2bb062daa25114a19 --- /dev/null +++ b/h5+css3/h5+css3_03/01.css @@ -0,0 +1,44 @@ +#taiji{ + margin: 100px auto; + width: 0; + height: 500px; + border-left:250px solid black; + border-right: 250px solid white; + position: relative; + border-radius: 500px; + + +} +#taiji::after{ + + width: 250px; + height: 250px; + position: relative; + background-color: white; + left: -125px; + display: block; + content: ""; + z-index: 1; + border-radius: 50%; + box-shadow: 0 250px 0 black; + +} +#taiji::before{ + width: 75px; + height: 75px; + position: absolute; +background-color: black; + left:-50px ; + top: 75px; + content: ""; + box-shadow: 0 250px 0 white; + border-radius: 50%; + display: block; + z-index: 2; + + +} +*{ + background-color: beige; +} + diff --git a/h5+css3/h5+css3_03/demo01.html b/h5+css3/h5+css3_03/demo01.html new file mode 100644 index 0000000000000000000000000000000000000000..31f9c86feb2798d5b4fd57d91d5346854a28f03d --- /dev/null +++ b/h5+css3/h5+css3_03/demo01.html @@ -0,0 +1,12 @@ + + +
+ + +