CSS - 随笔分类 - Love In Winter

CSS-水纹按钮实例

摘要：<!DOCTYPE html> <html> <head><title>水纹按钮实例</title></head> <style type="text/css"> /* 按钮反馈之波纹 */ .ripple { position: relative; /* overflow:hidden */ /* 阅读全文

posted @ 2021-12-13 15:28 Love In Winter 阅读(51) 评论(0) 推荐(0)

【转载】使用 CSS 轻松实现一些高频出现的奇形怪状按钮

摘要：使用 CSS 轻松实现一些高频出现的奇形怪状按钮背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能的实现它们。先让我们来看看这些经阅读全文

posted @ 2021-12-02 14:45 Love In Winter 阅读(113) 评论(0) 推荐(0)

【转载】N 种仅仅使用 HTML/CSS 实现各类进度条的方式

摘要：N 种仅仅使用 HTML/CSS 实现各类进度条的方式本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条 HTML 实现进度条的局限阅读全文

posted @ 2021-11-30 14:02 Love In Winter 阅读(285) 评论(0) 推荐(0)

【转载】Bootstrap：弹出框和提示框效果以及代码展示（Web前端通用弹窗提示插件整理）

摘要：Bootstrap：弹出框和提示框效果以及代码展示（转自Bootstrap：弹出框和提示框效果以及代码展示）前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作阅读全文

posted @ 2021-11-05 14:16 Love In Winter 阅读(1569) 评论(0) 推荐(0)

Love In Winter

Life Decides Happiness

随笔分类 - CSS

公告