微博 腾讯微博 Facebook Twitter RSS订阅 微信
登录|注册
爱前端网|伊恋佳苑

标签：Background 第3页

WEB前端

10款HTML5 Canvas 实现的 Loading 效果

10

爱前端网 - Yang 发布于 2015-03-05

1.HTML5自定义文字背景生成QQ签名档 这是一款利用HTML5实现的自定义文字背景应用，首先我们可以输入需要显示的文字，并且为该文字选择一张背景图片，背景图片就像蒙版一样覆盖在文字上。点击生成QQ签名档即可将文字背景融为一体生成另外一张图片，你也可以下载这张拥有你QQ签名档的...

阅读(2374)赞 (0)标签： / / / / / / / / / /

WEB前端

为您提供一款简单操作的多重背景CSS动画

爱前端网 - Yang 发布于 2015-01-29

CSS背景动画很长时间以来都是一个热门话题，很多时候都是因为效果特别绚丽，而且不需要额外的技术。最近有人问我是否可以给页面上一个指定的元素安排多重背景动画，答案是yes….虽然有些限制因素。让我们来看看如何实现这个效果！ CSS代码 给一个页面元素设置多个背景图片，这种技术很早就...

阅读(1636)赞 (0)标签： / / /

WEB前端

grunt前端打包——css篇

2

爱前端网 - Yang 发布于 2015-01-29

前端打包的工具有很多，我用的习惯的就是这个grunt，无论是你要在github上做开源，还是让自己的项目变得更易于维护，grunt都是首选。 网上的安装教程非常多了，这里就只是介绍一下都有哪些好用的插件。 1：grunt-contrib-less less,可以让css变得更简单...

阅读(1536)赞 (0)标签： / / /

WEB前端

50个必备的实用jQuery代码段

爱前端网 - Yang 发布于 2014-11-06

本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴...

阅读(1440)赞 (0)标签： / / / / / / /

WEB前端

web前端中css sprites介绍

2

爱前端网 - Yang 发布于 2014-11-02

CSS Sprites简介 通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CS...

阅读(1368)赞 (0)标签： / / /

WEB前端

231个web前端的javascript特效分享

爱前端网 - Yang 发布于 2014-10-17

精心整理了 站长常用的231个js代码。别说以后找不到哦。快收藏吧：） 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 <i...

阅读(3464)赞 (0)标签： / / / / / / / / / /

WEB前端

响应式网页设计- 移动、ipad端开发总结

爱前端网 - Yang 发布于 2014-10-14

响应式Web设计(Responsive Web design)的理念是： 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。 1、特殊的...

阅读(1854)赞 (0)标签： / / / / /

WEB前端

10款基于html5实现的web前端源码的预览下载

10

爱前端网 - Yang 发布于 2014-10-12

1.图片滑块对比特效Image Comparison Slider Image Comparison Slider是一款可以通过鼠标左右滑动，来显示两张图片前后对比的插件，你可以轻松的使用它来为用户展示网站中两个产品之间的差异。 在线演示 源码下载 2.html5和css3打造一...

阅读(3656)赞 (1)标签： / / / / / / /

WEB前端

CSS3图片倒影技术

4

爱前端网 - Yang 发布于 2014-09-23

目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些，实际上还有很多CSS新属性并未包含进CSS3官方标准中，像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属...

阅读(1440)赞 (0)标签： / / /

WEB前端

IE6下png透明问题解决的最佳3种方案

爱前端网 - Yang 发布于 2014-09-21

本来只是一张png透明图片，在IE下是很好解决的，我也尝试了很多种，包括js法，滤镜css法等等，感觉总体来说都不是很完美，而且如果同时使用Sprites方法，就不是那么简单容易的事情了。 最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。 这种方法已经...

阅读(1392)赞 (0)标签： / / / /

WEB前端

CSS3:nth-child()伪类选择器，Table表格奇偶数行定义样式

爱前端网 - Yang 发布于 2014-09-05

Table表格奇偶数行定义样式: CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又...

阅读(1627)赞 (0)标签： / / /

WEB前端

web前端的8款不同的jquery特效的源码及预览

8

爱前端网 - Yang 发布于 2014-09-03

1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像，在你必须使用相同的图像文件的情况下，你的主题可能会被截断或完全缺失，或者看起来很尴尬。 FocusPoin...

阅读(1794)赞 (0)标签： / / / / / /

WEB前端

你真的了解margin吗?你知道margin有什么特性吗?

爱前端网 - Yang 发布于 2014-08-20

写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常...

阅读(1442)赞 (0)标签： / / / / /

WEB前端

15个web前端的美轮美奂的 jQuery 图片特效

15

爱前端网 - Yang 发布于 2014-08-18

jQuery是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择。其中，jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插...

阅读(3408)赞 (0)标签： / / / / / /

WEB前端

web前端彻底理解浮动float CSS浮动详解

2

爱前端网 - Yang 发布于 2014-08-13

我们把网页的常用的布局格式分为以下三种: 1.标准流。 所谓的标准流就是，行内元素自己单独一行，而块级元素是上下显示的。 以前我们学习的都是标准流。 注意:标准流使我们网页布局中最稳定的一种结构 2. 浮动流 使我们学习的脱离标准流的第一种方式。会影响我们标准流的排列。所以，我们...

阅读(2074)赞 (0)标签： / / / /

WEB前端

web前端利用CSS3打造一组质感细腻丝滑的按钮

1

爱前端网 - Yang 发布于 2014-08-05

CSS3引入了众多供功能强大的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮，漂亮吧？把鼠标悬停在按钮上，还有动感的光泽移动效果。 温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中...

阅读(2178)赞 (0)标签： / / / /