随笔分类 -  一些前端相关效果的实现

02 css实现文字下划线动画效果
摘要：实现文字下划线从中间向两端延伸的动画效果，主要是通过css的transform和transition属性来实现，下面直接粘贴代码和效果图： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type 阅读全文
posted @ 2019-02-21 09:43 X北辰北 阅读(560) 评论(1) 推荐(1)
01 div实现浮动效果
摘要：浮动效果其实在很多的UI组件中都已经实现了，尤其是在很多的卡片组件中都有相应的参数可以进行设置。今天我们主要介绍的是如何自己用原生的css来实现浮动效果。 在div的所有属性中，有一个“box-shadow”的属性，此属性是设置阴影效果的属性，我们对一个div进行如下图所示的设置，即可实现简单的浮动 阅读全文
posted @ 2018-09-29 11:20 X北辰北 阅读(606) 评论(0) 推荐(0)