特殊样式
front_end_fan
互联网公司缺的是技术过硬又精通业务的工程师,缺的是真正能解决实际业务问题的人,缺的是复合型的人才。
展开
-
CSS特殊样式(三)纯CSS实现各类气球泡泡对话框效果
一、关于纯CSS实现气泡对话框首先,来张大图:上边这张黄黄的,大大的,圆圆的,有个小尾巴,文字内容有些YY的图片,就是使用纯CSS实现的气泡对话框效果,一点图片都没有哦。看到这里,你是不是跟我一样,有些惊叹CSS的潜力呢。关于这张图片,暂时先放到一边,下面我要讲一些与主旨相关的比较重要的,同时又很实用的一些技术。我们首先看下面这一张图片(截自人人网):可能颜色有点淡,在左上角有个90度的尖角,于转载 2017-07-20 10:55:20 · 2685 阅读 · 0 评论 -
CSS特殊样式(四)使用border制作三角、圆角图形
一、前言利用CSS的border属性可以生成一些图形,例如三角或是圆角。纯粹的CSS2的内容,没有兼容性的问题,我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理,以及实例。我觉得此技术相当实用的,故本文再次简单叙述一下,另外,本文还将展示可能并不为众人所知的CSS border圆角生成技术。好了,裹脚布的话就不说了,直接进入正题。本文作者转载 2017-07-20 16:31:48 · 1764 阅读 · 0 评论 -
CSS特殊样式(二)三种css方法实现三角效果
遇到对话框、信息提示框就必须要用图片吗?强大的css就不能实现吗?“仅用css就能解决一切复杂样式;不用hack就能解决各浏览器的兼容性问题,是为css大神” —–赞哥<!doctype html><html><head><meta charset="utf-8"><title>三种css方法实现三角效果</title><scrip原创 2017-07-19 18:07:13 · 568 阅读 · 0 评论 -
CSS特殊样式(六) box-shadow实现纸张的曲线投影效果
总结:1、box-shadow属性,存在兼容性问题使用时需: -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0,转载 2017-07-24 17:01:09 · 3499 阅读 · 0 评论 -
CSS特殊样式(七)CSS3下的纸张效果实现展示
总结:1、border-radius可以给某一个拐角设置两个值,实现纸张卷边效果(如:border-bottom-right-radius: 500px 30px;)2、本文使用价值不大,主要用于学习和熟悉CSS3属性一、中规中矩的效果所谓“中规中矩的效果”就是加个投影,贴个胶带什么的。效果如下:您可以狠狠地点击这里:中规中矩纸张效果demo这里纸张本身的效果没有什么说头的,就是个CSS3转载 2017-07-24 17:14:55 · 5861 阅读 · 1 评论