RedSpite
平时看到动画下意识就觉得很难,出于畏惧心理老是不敢去碰,就像看到一个漂亮女生不敢上去搭讪(。。)。 拔过嘛,再难得东西都是禁不住你死缠烂打的(追姑娘同理 哈哈哈。。)所以现在就从头理理,这个3d效果究竟是怎么实现的。
平时喜欢在网上看看同行的博客,看到一个很好看的图片切换效果,很炫酷,果断学来了~ 哈哈。 这是利用4个div显示同一图片的不同区域,css控制各图片位置,进行显示与隐藏,再给图片加上transition时长,就能形成华丽的视觉效果。 很多看似炫酷的效果,究其原理还是很简单的。
随着移动设备普及率越来越高,我们前端工程师现在必须掌握h5页面的书写了。 手机端展示方式不需要太复杂,毕竟屏幕只有这么大嘛不是,所以能搞得花样也不多,运用最多的就是轮播了吧!
说到文本输入,我们常用的有 textarea 还有input[type="text"],这两位能完成基本的文本输入。 可是当我们希望评论区域趣味一点,追求更高一点的时候捏,这两位就都得靠边站了,为啥? 因为都不支持图片输入啊~ 如果往里面插入图片,他两是没有反应的。
当能用的图片是从第三方引过来,我们不能控制图片的尺寸,而且图片大小还不能写成定值的时候,似乎只剩用js动态写一条路了,初期的我也是用了这个方法。 可是js写第一太麻烦不灵活,window.resize每次窗口缩放都要 运行一边代码,无疑这加重了浏览器负担。 二是就算js写也是定值像素,图片会被压缩变形
在前端书写网页实际运用中,单一的背景色并不能很好地满足需要,在不使用图片资源的选择下, 我们还可以使用渐变背景色使自己的页面更丰富,运用的最多的线性渐变分为:横向、纵向、对角渐变三种渐变…
工作的时候容易遇到这种情况:页面某一区域需要滚动,但并不想浏览器自带的滚动条出现,而各个浏览器的滚动条各不相同,宽度、颜色都不统一。为了美观,优化这些风格不一的滚动条 也是前端工作中必须要做的事~
从我零开始接触前端,学的第一个特效就是banner轮播。js语言和c语言有很多相似之处,所以真是庆幸大学有好好考计算机二级呀。。汗! 初级小白通过自己一点一点摸索,总算写出了这个自适应大小的banner轮播图,可以无缝轮播,并自适应屏幕大小按比例缩小图片。…
© RedSpite | 蜀ICP备16004270号