css3 画半圆和1/4圆
半圆： #circle1 { width: 100px; height: 200px; background-color: #a72525; -webkit-border-radius: 100px 0px 0px 100px;} 宽度为高度的一半，相应的圆角值，right 和top ...
原文：css3画半圆 ， 加上一点动画
border radius制作半圆与制作圆形的方法是一样的，只是元素的宽度与圆角方位要配合一致，不同的宽度和高度比例，以及圆角方位，可以制作上半圆 下半圆 左半圆和右半圆效果。例如： .semicircle margin: px .top width: px 宽度为高度的 倍 height: px border radius: px px 圆角半径为高度的值 .right height: px ...
2017-10-07 11:04 0 3174 推荐指数：
相关推荐
css3画半圆的两种方法
效果图： 感兴趣的朋友可以去熟试下！！！ ...
css3半圆
效果图： ...
【原】移动web动画设计的一点心得——css3实现跑步
今年3月份，由于公司业务需要，我转岗到微信产品部，离开了TID团队，人都是有感情的动物，更何况在一个团队呆了快 3 年，心中十分舍不得，鬼哥说了“天下没有不散的宴席...”，在我的世界里又多了一次离别 ...
css3实现画对号动画
目标：实现对号动画，慢慢画出来的感觉； 原理：外层div的背景是一个对号图片，用一个div做遮罩，让遮罩div层从左到右做运动一次即可实现动画，需要注意的是遮罩div的初始位置应该在外层div的外面； 代码如下： <!doctype html> <html> ...
css3 半圆弧线
css半圆弧线 ...
css3----画半圆弧线
...
纯CSS3画出小黄人并实现动画效果
前言 前两天我刚发布了一篇CSS3实现小黄人动画的博客，但是实现的CSS3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用PS抠出需要实现动画的部分，最后才完成的动画效果。但是，其实我的初衷是想体验一下用图片做动画的赶脚，但是找不到素材，才无奈用了最笨的方法来满足自己的需求，本想 ...