【css3 实现水晶按钮】的更多相关文章

css3 实现水晶按钮

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100)); 这个是中间有明显过渡痕迹的,如果需要逐渐过渡的 用 background-image: -webkit-gradient(linear, 0 0, 0 bot…

C#制作高仿360安全卫士窗体（四）- 水晶按钮

项目越来越紧,我也乐此不疲.自从上次C#制作高仿360安全卫士窗体(三)出来之后,就开始有一些人在说为什么还在坚持写这么落后的东西.我想说的是,我是从事企业信息化工作的,所有程序都只对内部使用.所以只要能满足需求就可以,比较高端先进的技术也没有时间去学习研究.OK继续上次的内容.上次说到制作文本框,今天要写的是怎么实现水晶按钮的制作.下面是效果图: 下面是这个按钮所需要的图片素材,该素材也提取自360安全卫士.我自己做了一点点小的修改(另存为图片就可以使用): 一.嵌入资源 将以上素材另存为,将…

9款精美别致的CSS3菜单和按钮

1.超具立体感的CSS3 3D菜单 菜单项带小图标 记得之前向大家分享过不少CSS3 3D菜单,比如CSS3 3D动画菜单 3D立方体菜单项和HTML5/CSS3自定义下拉框 3D卡片折叠动画,效果都很漂亮.今天我们要再分享一款更酷的CSS3 3D立体菜单,这款菜单侧躺在页面上,每个菜单项都有不错的小图标. 在线演示 源码下载 2.纯CSS3立体动画菜单 菜单项按下有内阴影 这次小编来分享一款利用纯CSS3实现的立体动画菜单,该菜单的实现非常简单,并没有太多的特效渲染,但是看起来却非常干净漂亮,…

winfrom 水晶按钮

闲来无事,从网上找了不少自定义控件,然后整理了一下,做了一个水晶按钮 /// <summary> /// 表示 Windows 的按钮控 /// </summary> [Description("表示 Windows 的按钮控件"), DefaultEvent("Click"), ToolboxBitmap(typeof (System.Windows.Forms.Button))] public class Button : Control…

一款基于css3的动画按钮

之前为大家分享了 推荐10款纯css3实现的实用按钮.今天给大家带来一款基于css3的动画按钮.实现的效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="share-buttons"> <div class="share-button"> <div class="share-button-secondary"> <div class="share-butt…

[CSS3] 动画暗角按钮

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ position:relative; text-align: center; background:#212322; } h1{ color:#1A897A; font-family: &q…

CSS3订单提交按钮Loading代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSS3订单提交按钮Loading代码</title><style> body{text-align: center} .grebtn{ display: inline-block; padding: 0.5em 1.25em; border: 1px…

7款外观迷人的HTML5/CSS3 3D特效按钮特效

下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家. 1.CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如5组可爱CSS3按钮.CSS3灰色按钮菜单 超具3D立体感等.今天我又要向大家分享一款实现超级简单的CSS3 3D弹性按钮,它在鼠标按下时不仅从视觉上感受到3D立体的效果,而且更有弹性的动画特效,非常可爱. 在线演示        源码下载 2.新款CSS3按钮组合 5组可爱CSS3按钮 之前我分享…

css3制作滚动按钮

1,中间圆点用到css3的gradient属性 2,运动用到css3的transition属性 3,需要写各个浏览器的兼容 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css3按钮</title> </head> <style type="text/css&quo…

无需图片，使用CSS3实现圆角按钮[转]

首先来看看效果:   事例HTML代码: <a href="#" class="button green">button</a> <a href="#" class="button blue">button</a> <a href="#" class="button gray">button</a> 如果没有 CSS…