CSS3按钮动画特效 两款纯CSS3鼠标经过按钮边框动画特效 下载

来源:脚本之家  责任编辑:小易  

www.zgxue.com防采集请勿采集本网。

脚本大小:3.88KB 脚本语言:简体中文 脚本类型:国产软件 脚本授权:免费软件 更新时间:2020-11-09 17:11:27 脚本类别:CSS特效 相关链接: 未知官方  演示地址 网友评分:脚本评分 应用平台:css/css3

两款纯CSS3鼠标经过按钮边框动画特效是一款纯CSS3实现的边框按钮特效,鼠标经过或者悬停的时候显示边框动画效果。

适用浏览器:Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。

下载地址如下:

网硕互联电信下载

港中数据电信下载

河南紫田网通下载

易阳网络电信下载

问题:css3做圆角右边是圆角左边是直角 解答:注意css改动这里,nav ul li{ float:left; margin:0 20px; background-color:#999;border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; font-size:30px;}理解:border-radius属性1)border-radius:10px;等价62616964757a686964616fe59b9ee7ad9431333365643533于:border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;2)border-radius:1px 2px 3px 4px; 等价于:border-top-left-radius:1px;border-top-right-radius:2px;border-bottom-right-radius:3px;border-bottom-left-radius:4px;纠错:您的html代码不全,我补全并修改后的代码如下,请查看~<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Apple</title><style>body{ background-color: #F2F2F2;}header {background-color:#333;border-radius:10px;}nav{ display:block; background-color:#333; width:840px ;margin:0 50px 0 0; padding:0 10px 20px 5px;}nav ul { list-style:none; background-color:#999;}nav ul li{ float:left; margin:0 20px; background-color:#999;border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; font-size:30px;}nav ul li a{ color:#FFF; text-decoration:none; font-size:20px; }nav ul li a:hover{color:#000 ;text-decoration:none; border-bottom:1px solid #ff5400; padding-bottom:2px;}</style></head><body><header><nav><div><ul><li><a>Apple</a></li><li><a>在线商店</a></li><li><a>Mac</a></li><li><a>ipod</a></li><li><a>iphone</a></li><li><a>ipad</a></li><li><a>iTunes</a></li><li><a>技术支持</a></li></ul></div></nav></header></body></html>,-webkit-border-top-right-radius 右上角为圆角-webkit-border-bottom-right-radius 右下角为圆角同理可设置左上左下的圆角属性,nav{background-color:#333;}nav背景覆盖了它的父元素把nav的background-color:#333;去掉,在2113nav里面5261加4102一个1653样内式容border-radius:10px;nav{ display:block; background-color:#333; width:840px ;margin:0 50px 0 0; padding:0 10px 20px 5px;border-radius:10px;}本回答被提问者和网友采纳内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • css3做圆角右边是圆角左边是直角
  • 网站首页脚本下载广告代码js框架批处理网页相关源码下载网站地图菜单导航tab标签焦 点 图在线客服影音播放相册代码flash特效vbscript其它全屏广告对联广告悬浮漂浮图片特效翻牌书角其他代码jqueryextjsprototypemootoolsajax/javascript其它框架系统优化网络相关文件管理注册表项文本字符安全防毒加密解密特效动画修改更换显示隐藏dos/bathtml5css特效asp源码.net源码php源码jsp源码网页编辑器数据库管理源码黑客源码其它源码主页脚本下载css特效css3实现按钮鼠标悬停抽屉式动画特效源码css3实现紫色发光按钮悬停特效js和css3实现带反光特效按钮插件css3实现扁平化风格3d按钮鼠标悬停按钮动画过渡特效源码css实现6种鼠标滑过按钮背景动画特效源码分享18种css3汉堡包图标变形动画按钮特效源码css3按钮特效动画特效css实现的24款分页样式(各种颜色,代码兼容)css实现的24款分页样式(各种颜色,代码兼容)下载reset.css文件 css代码 下载reset.css文件 css代码 下载下载50个css做的button美化效果50个css做的button美化效果下载20个css做的漂亮导航菜单20个css做的漂亮导航菜单下载css实现的一个漂亮的登录框效果css实现的一个漂亮的登录框效果下载css3实现非常实用超好看的搜索框和按钮样式css3实现非常实用超好看的搜索框和按钮样式下载纯css3图片幻灯片切换效果(无js实现)纯css3图片幻灯片切换效果(无js实现)下载纯css生成的折线图效果(无js)纯css生成的折线图效果(无js)下载一款基于css3和html5的自定义聊天窗口一款基于css3和html5的自定义聊天窗口下载找不到分享码?css3实现带动画过度效果的社会化图标代码css3实现的3d导航栏旋转切换特效源码纯css3制作的发光loading图标加载动画特效源码基于css3制作秋天落叶主题动画特效代码css3实现渐变的loading加载进度条特效代码纯css3 gradient属性制作36种漂亮的html网页渐变按钮样式css3实现创意圆点导航条样式特效代码纯css3制作的圆形修边渐变按钮动画特效源码纯css3实现的文件夹悬停打开动画特效源码div+css实现兔小巢右下角反馈浮窗代码分享码的获取方法迅雷winrar v5css3实现带动画过度效果的社会化图标代码css3实现的3d导航栏旋转切换特效源码纯css3制作的发光loading图标加载动画特效源码基于css3制作秋天落叶主题动画特效代码css3实现渐变的loading加载进度条特效代码纯css3 gradient属性制作36种漂亮的html网页渐变按钮样式css3实现创意圆点导航条样式特效代码纯css3制作的圆形修边渐变按钮动画特效源码纯css3实现的文件夹悬停打开动画特效源码div+css实现兔小巢右下角反馈浮窗代码chrome
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved