音乐
回到顶部
我的头像

RedSpite

2016.10.19

纯css实现盒子 3D 旋转效果

文章配图

平时看到动画下意识就觉得很难,出于畏惧心理老是不敢去碰,就像看到一个漂亮女生不敢上去搭讪(。。)。 拔过嘛,再难得东西都是禁不住你死缠烂打的(追姑娘同理 哈哈哈。。)所以现在就从头理理,这个3d效果究竟是怎么实现的。

2016.10.15

各种常见的鼠标悬停css3动画效果

文章配图

平时需要用到的鼠标悬停效果,基本上都是css3的结合。 代码就不放了,直接右键看即可。

2016.10.14

星星打分插件简易版

文章配图

最近很怠惰呢,冬天是一个让人不想动弹的季节,我也懒得不想写简介了。 总而言之言而总之就是字面上的意思,做评论的时候需要用到的星星打分。

2016.10.11

抽牌效果之banner轮播

文章配图

banner轮播方式真的很多,这也算一种特别的轮播方式了。CSS3和JQ结合,打造超炫轮播切换效果。

2016.10.08

网格算法配合CSS3,实现多彩绚丽的图片切换效果

文章配图

平时喜欢在网上看看同行的博客,看到一个很好看的图片切换效果,很炫酷,果断学来了~ 哈哈。 这是利用4个div显示同一图片的不同区域,css控制各图片位置,进行显示与隐藏,再给图片加上transition时长,就能形成华丽的视觉效果。 很多看似炫酷的效果,究其原理还是很简单的。

2016.10.05

移动端自适应banner轮播 手写

文章配图

随着移动设备普及率越来越高,我们前端工程师现在必须掌握h5页面的书写了。 手机端展示方式不需要太复杂,毕竟屏幕只有这么大嘛不是,所以能搞得花样也不多,运用最多的就是轮播了吧!

2016.09.22

带表情包的编辑器手写插件

文章配图

说到文本输入,我们常用的有 textarea 还有input[type="text"],这两位能完成基本的文本输入。 可是当我们希望评论区域趣味一点,追求更高一点的时候捏,这两位就都得靠边站了,为啥? 因为都不支持图片输入啊~ 如果往里面插入图片,他两是没有反应的。

2016.09.21

纯css响应式图片尺寸比例固定

文章配图

当能用的图片是从第三方引过来,我们不能控制图片的尺寸,而且图片大小还不能写成定值的时候,似乎只剩用js动态写一条路了,初期的我也是用了这个方法。 可是js写第一太麻烦不灵活,window.resize每次窗口缩放都要 运行一边代码,无疑这加重了浏览器负担。 二是就算js写也是定值像素,图片会被压缩变形

2016.08.01

CSS3 渐变背景色各种方向 兼容IE9+

文章配图

在前端书写网页实际运用中,单一的背景色并不能很好地满足需要,在不使用图片资源的选择下, 我们还可以使用渐变背景色使自己的页面更丰富,运用的最多的线性渐变分为:横向、纵向、对角渐变三种渐变…

2016.07.30

去掉丑丑的滚动条 div仍然能滚动

文章配图

工作的时候容易遇到这种情况:页面某一区域需要滚动,但并不想浏览器自带的滚动条出现,而各个浏览器的滚动条各不相同,宽度、颜色都不统一。为了美观,优化这些风格不一的滚动条 也是前端工作中必须要做的事~

2016.07.26

全屏自适应 热点图轮播banner简洁代码

文章配图

从我零开始接触前端,学的第一个特效就是banner轮播。js语言和c语言有很多相似之处,所以真是庆幸大学有好好考计算机二级呀。。汗! 初级小白通过自己一点一点摸索,总算写出了这个自适应大小的banner轮播图,可以无缝轮播,并自适应屏幕大小按比例缩小图片。…

2016.07.25

纯CSS绘制三角形(各种角度)

文章配图

前阵子做的设计图里面有用到三角形,以前自学的时候漏掉了,暂且放这儿看看吧~ 通过改变border宽度 可以得到各种不同形状的三角形…

© RedSpite | 蜀ICP备16004270号