新奇！让简单的页面瞬间变酷的图标填充效果

　　有时候，你只是想创造一些真正很酷的效果。例如我们网站常见的关于我们（About us），我们的历史（Our history）等你想展示出一些让你的品牌与众不同的页面。图标填充效果可以帮你设计出一个很酷的网页，只需要几个图标即可，让简单的页面看起来也充满活力。

　　温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。

您可能感兴趣的相关文章

源码下载在线演示

本文链接：新奇！让简单的页面瞬间变酷的图标填充效果

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

新奇！让简单的页面瞬间变酷的图标填充效果

时间： 2024-10-14 07:06:21

新奇！让简单的页面瞬间变酷的图标填充效果的相关文章

使用 VirtualBox 虚拟机在电脑上运行 Android 4.0 系统，让电脑瞬间变安卓平板

Ref: http://www.iplaysoft.com/android-v4-ics-for-virtualbox.html 随着?Android?手机的各种软件应用越来越多,很多没有购买的朋友都纷纷表示想要试一试.虽然官方的Android SDK开发包中附带有模拟器,但安装使用上较为复杂,不太适合咱们普通青年,于是我们介绍了一款更易用的BlueStacks 安卓模拟器,不过它也还有一些不爽的地方,譬如只能在 Windows 上运行,或是有时不能连接网络. 所以今天给大家介绍另外一款可以在

浮动布局写了一个简单的页面

正在学习的路上...... 这两天写了一个比较简单的页面,主要使用了浮动和定位.左边的属于滚动页面,右边的list属于固定.先上图片: 主要使用了float:left/right. 1.下面是HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link type="

简单的页面

<html><head><title>简单的页面</title><style> .QAQ{ width:840px; height:390px; background:red; margin:0 auto; } .A{ width:840px; height:100px; background:#EDEDED; } .B{ width:840px; height:40px; backg

Android简单登陆页面

布局: 线性布局+相对布局日志打印: 利用LogCat和System.out.println打印观察. Onclick事件是采用过的第四种: 在配置文件中给Button添加点击时间涉及知识: 通过上线文context获得文件的路径和缓存路径,保存文件布局代码: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.an

一个简单的页面弹窗插件 jquery.pageMsgFrame.js

页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处:http://www.cnblogs.com/dereksunok/p/3724764.html html代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5

StoryBoard初探（一）:实现简单的页面跳转与返回

前言苹果推出故事版很久了,一直没有深入学习过.最近打算尝试用StoryBoard做高保真交互App原型,决定学习下.相对于IB来讲,StoryBoard几乎不用手写代码,便能实现页面交互,这一点很适合会Xcode的同学用来做快速原型开发. 实现简单的页面跳转新建工程,选择Single View Application,Xcode生成的工程模板中会自动使用StoryBoard.打开Main.storyboard文件,可以像IB一样,拖拽视图对象到ViewController的View上.如图,

JSP简单练习-页面重定向

在JSP程序设计中,经常要进行页面的重定向,如在页面程序中加入判断语句即满足条件就转向某页面,不满足条件则转向另一个页面. 下面是一个简单的例子: <%@ page contentType="text/html; charset=gb2312" %> <html> <body> <% // 页面重定向程序片 String url; url=request.getParameter("goaddress"); if(url!=

Page Scroll Effects - 简单的页面滚动效果

Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候.一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的.所有的动画都使用 Velocity.js 创建. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQu

简单的页面互点Javascript代码

简单的页面互点Javascript代码,可以适用于前端$(function(){ $('.ip_b_con_item li,.pro_index_list li').mouseover(function(){ $(this).addClass("hover"); }); $('.ip_b_con_item li,.pro_index_list li').mouseleave(function(){ $(this).removeClass("hover"); });