关闭图标设计主要涉及主要知识点: 1、Path,通过Path来画线。当然一般水平、竖直也是可以用Rectangle/Border之类的替代 一些简单的线条图标用Path来做,还是很方便的。 2、简单的动画,Animation用法 Button样式如下: <Button x:Name="BtnClos
原创 2022-09-02 23:34:39
578阅读
前言 Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C/Linux(真的真的太难了~) 学习经验:扎实基础 ...
转载 2021-04-12 23:47:25
277阅读
2评论
效果展示思路上面效果可以概括为:鼠标未停留时:蓝色(渐变)背景,正中文字为白色,button四角做了圆角处理鼠标停留时:button背景变成白色,文字变为蓝色,同时右上方、左下角同时延伸两条互相垂直的线条根据效果图可以得出实现的一些思路:背景、文字的颜色变化使用hover就可以实现右上角的两条线可以使用button的::before/::after伪类,结合transition,当鼠标停留时,实现
转载 2021-04-28 21:36:01
449阅读
2评论
Part1效果展示 上面效果可以概括为:Part2思路 鼠标未停留时:青色(渐变)背景,正中文字为白色,button四角做了圆角处理 鼠标停留时:浅青色背景从上至下,依次覆盖button 鼠标离开button时:浅青色背景从上至下,依次消失,button逐渐恢复原样 根据效果图可以得出实现的一些思路: 初始状态,设置button背景为渐变青色,中间文字为白色,做圆角、阴影处理 初看有两个
转载 2021-06-13 18:05:38
224阅读
果可以概括为:鼠标未停
原创 2023-01-17 08:06:48
302阅读
以概括为:鼠标未
原创 2023-01-17 08:07:26
174阅读
前言Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~) 学习经验:扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语! 日常分享:微信公众号【海轰Pro】记录
原创 2023-01-17 08:08:32
47阅读
效果展示思路上面效果可以概括为:鼠标未停留时:青色(渐变)背景,正中文字为白色,button四角做了圆角处理鼠标停留时:浅青色背景从上至下,依次覆盖button鼠标离开button时:浅青色背景从上至下,依次消失,button逐渐恢复原样根据效果图可以得出实现的一些思路:初始状态,设置button背景为渐变青色,中间文字为白色,做圆角、阴影处理初看有两个过渡效果,其实是可以用一个元素的过渡tran
转载 2021-04-28 21:32:34
391阅读
2评论
Part1效果展示 Part2思路上面效果可以概括为: 鼠标未停留时:button背景与body保持一致(以黑色为例),文字为蓝色,同时button四周一条蓝色的线条一直围绕button旋转 鼠标停留时:button按钮背景变为蓝色,其中文字变为黑色,同时产生阴影、倒影 根据效果图可以得出实现的一些思路: 背景颜色的变化使用hover就可以实现 难点在于四周的线条 这里海轰的解决办法
转载 2021-06-13 18:04:07
283阅读
效果展示 上面效果可以概括为:思路 鼠标未停留时:蓝色(渐变)背景,正中文字为白色,button四角做了圆角处理 鼠标停留时:button背景变成白色,文字变为蓝色,同时右上方、左下角同时延伸两条互相垂直的线条 根据效果图可以得出实现的一些思路: 背景、文字的颜色变化使用hover就可以实现 右上角的两条线可以使用button的::before/::after伪类,结合transition
转载 2021-06-13 18:09:13
373阅读
标未停
原创 2023-01-18 07:36:00
84阅读
前言 Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C/Linux(真的真的太难了~) 学习经验:扎实基础 ...
转载 2021-04-12 23:39:14
290阅读
2评论
前言 Hello!小伙伴! 首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ 哈哈 自我介绍一下 昵称:海轰 标签:程序猿一只|C选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C/Linux(真的真的太难了~) 学习经验:扎实基础 ...
转载 2021-04-12 23:55:56
1182阅读
2评论
前言Hello!小伙伴!首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~哈哈 自我介绍一下昵称:海轰标签:程序猿一只|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~)学习经验:扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语!日常分享:微信公众号【海轰Pro】记录生活、学习点滴
转载 2021-04-02 13:27:54
208阅读
2评论
效果展示思路上面效果可以概括为:鼠标未停留时:button背景与body保持一致(以黑色为例),文字为蓝色,同时button四周一条蓝色的线条一直围绕button旋转鼠标停留时:button按钮背景变为蓝色,其中文字变为黑色,同时产生阴影、倒影根据效果图可以得出实现的一些思路:背景颜色的变化使用hover就可以实现难点在于四周的线条这里海轰的解决办法是分为上下左右四条线,赋予每一条线一个动画,通过
转载 2021-04-28 21:29:51
206阅读
2评论
效果展示思路上面效果可以概括为:鼠标未停留时:红蓝(渐变)背景,正中文字为白色,button四角做了圆角处理鼠标停留时:button背景变成白色,文字变为蓝色,边框四条直线产生汇聚效果,同时每条直线会有一个阴影的产生。根据效果图可以得出实现的一些思路:背景、文字的颜色变化使用hover就可以实现左/右两边的两条线可以使用button的::before/::after伪类,结合transition,
转载 2021-04-28 21:33:48
254阅读
2评论
Part1效果展示 上面效果可以概括为:Part2思路 鼠标未停留时:红蓝(渐变)背景,正中文字为白色,button四角做了圆角处理 鼠标停留时:button背景变成白色,文字变为蓝色,边框四条直线产生汇聚效果,同时每条直线会有一个阴影的产生。 根据效果图可以得出实现的一些思路: 背景、文字的颜色变化使用hover就可以实现 左/右两边的两条线可以使用button的::before/::a
转载 2021-06-13 18:06:58
312阅读
# Android自定义按钮自定义属性 作为一名经验丰富的开发者,我很高兴能帮助你了解如何在Android中实现自定义按钮并为其添加自定义属性。这将是一个有趣且富有教育意义的过程。 ## 流程概述 首先,让我们通过一个表格来概述整个流程: | 步骤 | 描述 | | --- | --- | | 1 | 创建一个新的Android项目 | | 2 | 创建自定义属性 | | 3 | 创建自定
1、修改laydate.js 全局检索:清空,只有一个结果的。添加我们自定义事件close按钮名称 全局检索:confirm,是方法的就是。添加我们close方法 2、使用laydate控件时自定义按钮 3、效果 资料(扩展laydate增加自定义范围选择按钮):https://github.com
转载 2020-03-26 19:37:00
1156阅读
在一些网站上经常可以看到改造过的按钮选项比如这样 由于之前一直在B端企业,样式差不多就Ok了所以也没去研究。昨天刷百度前端学院的时候遇到一个题就是改造checkbox radio样式的,大概研究一番 最常见的自定义按钮样式,其实是用label模拟的,关于label可以在mdn进行查阅 label的f
转载 2020-06-03 15:17:00
695阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5