活字格中,如何设置更好看的按钮样式 CSS
本帖最后由 Simon.hu 于 2018-3-8 11:39 编辑在学习活字格模板的时候发现了很多有意思的CSS样式,基于活字格之前线上培训第七课的视频内容,我总结了一部分hover选择器CSS样式的设置。以便于我们做出更有意思,更好看的Web系统。
1.首先活字格设计器中必须要上传对应的css文件。具体css样式文件见附件。
2.打开网址:http://ianlunn.github.io/Hover/
这个网站中囊括了第1步上传的css文件中的所有样式。
3.如果发现了自己想要的css样式,可以在浏览器中按F12,或者右键选择审查(检查)元素。打开下图所示。
4.以Grow样式为例。如果我想在活字格某一个单元格运用该样式。点击“选取元素”按钮,选择对应的Grow元素。
5.选择Grow元素之后,获取该元素的类名(class=后的内容,此处类名为hvr-grow)。
6.复制类名,在活字格设计器中选择你需要设置css样式的单元格,将复制的类名添加到单元格设置下的CSS类名中。
7.至此,单元格的css样式就已经设置完成了,保存工程文件,运行便可查看效果。
收了,很不错,攒:hjyzw::hjyzw: 谢谢分享,解决页面部分效果问题了。赞! 欢迎更多的同学分享自己的黑科技! :handshake:victory: 好的很,不错! jackblues 发表于 2018-3-18 21:36
好的很,不错!
:jy74a: 不错不错~ hadwin 发表于 2018-6-26 11:00
不错不错~
:itwn: 很不错 豌豆琳 发表于 2018-7-16 11:45
很不错
:itwn:
页:
[1]
2