CSS3
关注
分享
扫一扫
qq_28471389
这个作者很懒，什么都没留下…
展开
-
如何自定义INPUT RADIO样式
做一个小项目，不想用第三方插件。自己手写美化一个单选框，下面说下思路。1.把默认显示的设置为隐藏2.利用CSS：after属性自定义想显示成的样子下面把代码发出来input[type=radio]{ visibility: hidden;display: inline-block; margin-right: .2rem;}input[type=radio]:checked::after{ background-image: url('../img/choujiang/rpu原创 2020-12-07 16:56:43 · 796 阅读 · 0 评论 -
强大的CSS动画库ANIMATE，让您的页面熠熠生辉
第一步. 引入animate.css文件也可以使用http://www.bootcdn.cn/animate.css/的服务<head> <link rel="stylesheet" href="animate.min.css"></head>第二步. 给指定的元素加上指定的动画样式名第一个animated是必须添加的样式名，第二个是指定的动画样式名。 <div class="animated fadeInUp"></div原创 2020-11-17 16:50:49 · 364 阅读 · 0 评论 -
一文读懂如何使用FLEX轻松搞定前端布局
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inlin.原创 2020-11-12 15:55:57 · 191 阅读 · 0 评论