用Android写代码,用css写个android机器人代码分享

复制代码代码如下:

.android{

position: absolute;

left: 500px;

top: 200px;

}

/* head */

.head{

width: 336px;

height: 155px;

background: #a5c63b;

border-radius: 200px 200px 0 0;

position: absolute;

top: -170px;

}

.head:before, .head:after{

background: #a5c63b;

content: '';

width: 10px;

height: 53px;

position: absolute;

top: -30px;

border-radius: 20px 20px 0 0;

}

.head:before{

-webkit-transform: translate(255px, 0px) rotate(30deg);

-moz-transform:translate(255px, 0px) rotate(30deg);

-o-transform:translate(255px, 0px) rotate(30deg);

}

.head:after{

-webkit-transform: translate(63px, 0px) rotate(-30deg);

-moz-transform: translate(63px, 0px) rotate(-30deg);

-o-transform: translate(63px, 0px) rotate(-30deg);

}

/* eyes */

.eyes:before, .eyes:after{

background: #fff;

content: '';

width: 27px;

height: 27px;

top: 68px;

position: absolute;

border-radius: 20px;

}

.eyes:before{

left: 78px;

}

.eyes:after{

right: 78px;

}

/* body */

.body{

width: 336px;

height: 285px;

background: #a5c63b;

border-radius: 0px 0px 30px 30px;

position: absolute;

}

.body:before, .body:after{

background: #a5c63b;

content: '';

width: 75px;

height: 122px;

bottom: -122px;

position: absolute;

border-radius: 0 0 50px 50px;

}

.body:before{

left: 68px;

}

.body:after{

right: 68px;

}

/* arms */

.arms:before, .arms:after{

background: #a5c63b;

content: '';

width: 75px;

height: 233px;

top:-8px;

position: absolute;

border-radius: 40px;

}

.arms:before{

left: -90px;

}

.arms:after{

right: -90px;

}

用Android写代码,用css写个android机器人代码分享相关推荐

图片自动翻转css代码,用css实现图片翻转(示例代码)
简介这篇文章主要介绍了用css实现图片翻转(示例代码)以及相关的经验技巧,文章约1193字,浏览量447,点赞数1,值得参考! 用css实现图片翻转 .flip-container { perspec ...
Eclips写Java代码和CSS、Javascript、Html代码设置代码自动提示功能
按照我的方法设置后用Eclipse编写Java代码和前端代码(Html.CSS.JS)都可以自动提示代码.赶紧去试试吧. 1.打开Eclipse软件,点击Windows→Preferences→Jav ...
html中如何写不规则图形,CSS写三角形、五角形等不规则图形
写页面的时候时长遇到一些奇怪图形,用css是可以实现各种不规则图形的,下面举例几个常用的: 一.三角形利用border-color支持transparent这一特性,隐藏三条边框,实现三角形. .t ...
html搜索框美化代码单词,CSS 漂亮搜索框美化代码
1.美化滚动条 * { & 大家都知道select下拉框是最难美化的.这里有个Jquery的插件可以使下拉框变的魔幻起来. Jquery chosen插件. 美化网页元素3.1 为 ...
一套代码编译出ios和android,Hippy: Hippy 是一个新生的跨端开发框架，目标是使开发者可以只写一套代码就直接运行于三个平台（iOS、Android 和 Web）...
Hippy 跨端开发框架介绍 Hippy 是一个新生的跨端开发框架,目标是使开发者可以只写一套代码就直接运行于三个平台(iOS.Android 和 Web).Hippy 的设计是面向传统 Web 开 ...
html中collapse代码怎么写,面试题: 手写collapse(折叠组件)的css/html部分
做一个组件库不难其实vue/react等框架的出现, 让自己做一个ui变得简单, 大部分的js逻辑都被库封装, 反而组件的代码主要都是css, 所以只要css写好了, 一个组件就完成60%以上了. ...
html中写css代码,开发DIV CSS时先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
用c语言写代码_教你如何用android mvp分层架构优雅写代码
背景看了好多android技术博客,写android分层架构的博客越来越多,有mvc.mvp.mvvm.clean等各式各样的,而mvp异常火热,然而每个人对mvp的定义又是不同,写法自然也是千紫万 ...
在制作html页面时,在制作Xhtml页面时是先写HTML代码还是先写CSS代码
满意答案 junxiu_love 推荐于 2017.12.16 带着这个问题我们将来讲解到底先写CSS好还是先写html. 网上有很多种对此的答案:先写HTML后写CSS:先写CSS后写HTML:两者 ...

用Android写代码,用css写个android机器人代码分享

用Android写代码,用css写个android机器人代码分享相关推荐

最新文章

热门文章