- 博客(5)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 CSS干货3：另类投影效果
一天上午，刚下课，某同学兴致勃勃跑到办公室问问题。被一个投影效果难道了，问我怎么做。我看了眼说，切图。如下所示：但是，居然固执的问怎么用CSS写？没办法，我忍住讲了半天课的嗓子疼，还是拿出了压箱底的CSS秘籍，写了个demo。HTML结构如下：<div class="box shadow_quxian"> <img src="image...
2019-06-26 01:13:39
453
2
原创 JavaScript+CSS3写一个自定义的响应式导航
这天中午，下午居然有两个同学在问我响应式导航的问题。怎么做，是个问题。但是，也没有大家想的那么复杂。Bootstrap是个很不错的响应式框架，但是要想自定义样式还比较麻烦。还是自己动手写一个最好~，想怎么改样式就怎么改。整体思路：1、响应式结合CSS3的@media 代码来做。判断主要的几个分辨率情况。我这里主要考虑了几个分辨率： PC端，认为他是 1200； ipad，认为...
2019-06-14 18:08:55
1065
3
原创 仿3D效果的图片轮播
在网上看到了一个仿3D的轮播效果。很有意思，就模仿做了一下。原示例可以参考http://www.jq22.com/jquery-info20579jq22这个例子是用jQuery写的。我这里就用原生态JS写一次。采用面向对象的思路来写。整体思路就是：1、结合CSS3实现两边图片的倾斜和图片轮转的动画2、JS只负责增加和删除类。从“顶部”看这个轮播图，示例如下：分别用...
2019-06-10 20:10:48
1936
3
原创 SASS/SCSS环境的安装，以及webstorm配置SASS/SCSS
1.SASS安装一、安装Ruby SASS是用Ruby语言写的，必须先安装Ruby，然后再安装SASS。 不过，SASS的学习不用了解Ruby，只需要装好环境就是了。安装Ruby点击这里，选择自己合适的版本就OK。二、更新Ruby的源安装SASS之前，请更新Ruby的源。因为国外网络不好，安装SASS可能失败，因此建议使用国内的Ruby源。1、在cmd输入：gem s...
2019-06-07 20:27:41
1169
3
原创 如何从前端的角度去优化网页，提高网页的加载效率
一、减少文件数量，减少HTTP请求图片个数：可以采用“图片精灵”。把图片，尤其是雷打不动的图标，整合在一张图上。利用CSS背景背景的方式把各自的图标添加到对应的标签中。就像这样：应用：<span class="icon icon-weixin"></span>.icon{ background:url( 图片地址.png ) no-rep...
2019-06-06 13:03:30
494
1
HTML5原生态JS的音乐播放器-带lRC歌词分析.rar
2020-03-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人