追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!

对于同一个页面布局,几乎每个人的写法都不一样,有人喜欢Flex弹性盒子布局,有的人则喜欢Float浮动布局,有些人喜欢Margin负值布局,等等。从来就没有一种统一的布局方案,现在大伙写代码也就放飞自我,只要能在规定的环境上跑起来,不会乱就行了。但是,身为脑瘫正经前端,我们还是有必要分出在不同情况应使用的布局。 这一篇博客比起作为文章,不如作为工具书。当你对布局迷茫时,不妨打开看看。我们可...

阅读全文>>


      在我们的页面布局的时候,经常会有这样的需求,超过指定行文本的时候会进行(省略号...)的处理,那么我们改怎么设置css呢?如下: 设置盒子的css为: overflow:hidden;; text-overflow:ellipsis; white-space:nowrap; &n...

阅读全文>>


头:header 内容:content/container 尾:footer 导航:nav 侧边栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左中右:left center right 登录条:loginbar 标志:logo ...

阅读全文>>


这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。 那么如何使用CSS实现这个效果? 追踪位置 我们要做的第一件事就是获取到鼠标的位置。   document.querySelector('.button').onmousemove = (e) => {...

阅读全文>>


       首先,先说一个常识,浏览器的默认字体高都是16px。        兼容性:        目前,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。       ...

阅读全文>>


这是一款带有3D动画特效的CSS3菜单,该菜单有以下几个特点:首先是菜单时基于CSS3的,因此浏览器兼容性都还可以;其次这款菜单支持二级下拉菜单,功能上也基本能满足大部分开发者;最后这款菜单最大的亮点在于展开下拉菜单时,子菜单可以旋转的展开和收缩,给人3D的视觉效果。

阅读全文>>


这次还是要分享一款CSS3对话框插件,另外,这款对话框的特点是点击按钮后对话框会以3D旋转的动画特效展现出来。更令人惊叹的是,点击按钮的不同部位,对话框3D旋转的动画方式也会不同。

css3-3d-button-dialog

阅读全文>>





最新出炉的20个CSS3特效打包下载(附特效预览+源码)

1. Putting CSS Clip to Work : Expanding Overlay Effect

新发布的CSS3教程,以增强您的开发技巧

阅读全文>>




蓝蓝 http://www.lanlanwork.com

订阅Rss