如何利用CSS实现各种几何图形形状效果:建议:尽可能的手写代码，可以有效的提高学习效率和深度。大家都知道CSS具有强大的功能，能够让页面变得美观靓丽，随着CSS的版本的提高，功能也越来越强大，下面简单介绍一下如何使用CSS实现各种几何图形效果。一.实现正方形: 蚂蚁部落.mytest{ width:100px; height:100px; background-color:green;} 二.实现矩形: 蚂蚁部落.mytest{ width:150px; height:100px; backgr...
Hello World 某管理系统 首页 功能 业务功能 信息建立 信息查询 信息管理 业务功能 信息建立 帮助 ...
如何使用CSS实现细线表格效果: 虽然在使用布局的时候不提倡使用table，但是table并非是一个不能使用的元素，只要和CSS配合使用得当，还是具有相当的威力，并且在特地的情况使用table比使用div更有优势，例如在制作表格，但是表格自带的边框比较丑陋，下面介绍一下如何使用CSS实现细线表格效果。代码实例如下: 蚂蚁部落table{ width:300px; height:60px; background-color:green;}table td{ background-color:white;} 单...
还记得之前分享过一款CSS3图片悬停放大特效，效果非常不错。今天我们要再来分享一款类似的CSS鼠标滑过放大突出效果，只不过之前那个是图片，这次是色块，其实掌握了其CSS原理，任何网页元素都可以实现这种突出放大的CSS3动画特效。效果图如下： 在线预览 源码下载 实现的代码。 html代码： ...
1.outline的直角与圆角 来给个div： 来再给个样式： 1 .use-outline{ 2 3 width: 200px; 4 height: 200px; 5 background: #009dda; 6 margin: 100px 40px; 7 border-radius: 10px; 8 border: 10px solid #c24263; 9 10 11 outline: 20px solid #26C2A7;12 -moz-outline-radius: 30px;13 14 ...
如何利用CSS设置文字的阴影效果: 有时候需要给文字加上阴影，下面就结合实例简单介绍一下如何给文字加上阴影效果。先看一段代码实例: 蚂蚁部落div, ul, li{ margin:0px; padding:0pc; list-style:none; font-size:16px; color:#666;}a { position:relative; display:block; height:25px; width:250px; line-height:25px; text-decoration:none; color:#666;}span{display:none;}a:hover span{ height:25px; ...
如图片： 1、这种背景效果用CSS3应该怎么做？ 他不是纯的半透明，有点砂玻璃的效果？ 导出图片又会变成白色的。 可能是 半透明0.85，外加Filer，有人可以做出来么？ 2、下面的流线型的图片上还有文字，如果用png作为背景。还有半透明效果吗？ 是不是左边用图片，右边用背景。 这样是不是会出现缝隙？？？ 回复讨论(解决方案) rgba(255,255,255,0.85); rgba(255,255,255,0.85); 不是只...
Animation的使用方法并不难。这里简单的介绍一下使用方法。 先看效果图： 效果还是不错的吧。 下面来看看使用方法。 动画效果是通过Animation来实现的，一共有四种，分别为： AlphaAnimation : 渐变透明度动画 ScaleAnimation: 尺寸渐变动画 TranslateAnimation: 水平移动动画 RotateAnimation: 旋转动画 那么为了实现我的效果图上的效果呢。我们所有的动画都使用到了。 首先我们在Activity的布局文件中加入一个Imag...
原文出处： 郭锦荣 前言前两天我刚发布了一篇CSS3实现小黄人动画的博客，但是实现的CSS3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用PS抠出需要实现动画的部分，最后才完成的动画效果。但是，其实我的初衷是想体验一下用图片做动画的赶脚，但是找不到素材，才无奈用了最笨的方法来满足自己的需求，本想勉强能看就行了。可是呢，还是抵不住自己内心的完美，于是乎，用了一个晚上用CSS3画出了小黄人再实现类似的动...
转盘 @charset "utf-8";body { font-family: 黑体; -webkit-font-smoothing: antialiased; background-color: #f4f4f5;}.container-fluid { padding: 0;}.row { margin: 0;}.col-xs-12 { padding: 0;}@keyframes mycircle { 0% { transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 10% { transform: rotate(36...
如何使用CSS给图片添加双边框效果: 给图片添加双边框也在实际使用中也有许多应用，可能并不频繁，在这里简单介绍一下如何实现此种效果，借以对CSS一些属性的应用加以熟练。先看一段代码实例: 蚂蚁部落img{ border:5px solid #696; padding:5px; background-color:#CCC;} 以上代码通过为设定标签的边框和内边距来实现此效果。特别说明一下，很多初学者往往认为是一个类似于文字一样的内容，其实不然，可以把它看作是一个能够容...
滚动效果 1.垂直滚动字内容 2.垂直滚动字内容 3.垂直滚动字内容 4.垂直滚动字内容 5.垂直滚动字内容 Flash背景 布局 #main{width:1024px;height:500px;margin:auto auto auto auto;} #left{width:40%;height:100%;float:left} #left_bottom{width:100%;height:60%;border:1px solid #dbdbdb;border-radius:5px;margin-top:5px;} #left_top{width:100%;height:40%;border:1px solid ...
热火朝天的css3无疑吸引了很多前端开发者的眼球，然而在css3中的动画属性则是新功能中的主打招牌，说到css3的动画属性不得不让人想起这三个属性：Transform?Transition?Animation。 transform属性虽然看起来可以实现动画的效果，但本质其实是静态的，说白一点其实就是一个图形的变形工具；而transition属性是一个简单 的动画属性，操作起来非常的简单；在这里主要为大家介绍Animations属性，这是个名副其实的动画属性，虽然官方也没...
浮雕效果 今天看百度地图看到了一个效果 感觉这个效果用在网页上应该蛮赞的，于是就学习了一下 浮雕效果需要用到伸缩盒的知识（flex） flex在chrome是完全支持的，要加-webkit-前缀，其他的浏览器有的支持有的不支持，自己去查css手册，今天主要想讲一下怎么制作出浮雕效果 先附上代码： 1 2 生活服务3 4 5 6 1 body,div{ 2 padding: 0; 3 ...
谷歌 IE 出售信息----------------- 二手设备 出售信息 泵车 搅拌车 其他 [{$vo[oripurdate]}]{$vo[name]}[{$vo.productlocated}] [{$vo[oripurdat...