码迷,mamicode.com
首页 >  
搜索关键字:flex 绘制圆    ( 3203个结果
[译]8个惊人的HTML按钮悬停效果,不看后悔一辈子
发送按钮悬停效果 效果图 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content ...
分类:Web程序   时间:2020-09-17 11:59:12    阅读次数:50
CSS之创意hover效果
一.发送效果 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content: cent ...
分类:Web程序   时间:2020-09-09 18:51:19    阅读次数:50
解决高度塌陷、外边距合并---BFC的概念
可能在初学前端的同学,会有以下疑惑: (没错,那同学就是我) 1、为什么在浮动元素的父元素上添加overflow:hidden,能处理高度塌陷? 2、遇到外边距合并,为什么要在父元素上添加overflow:hidden能解决? 首先来了解下 什么是BFC吧! 1、按我的理解,BFC是一个大的隔离独立 ...
分类:其他好文   时间:2020-08-26 19:00:24    阅读次数:63
Qt 之图形(绘制漂亮的圆弧)
简述 综合前面对二维绘图的介绍,想必我们对一些基本绘图有了深入的了解,下面我们来实现一些漂亮的图形绘制。 圆形 经常地,我们会在网上看到一些列的抽奖活动,里面就有圆盘抽奖,是不是有点手痒了O(∩_∩)O~ 效果 源码 1 void MainWindow::paintEvent(QPaintEvent ...
分类:其他好文   时间:2020-08-19 19:40:37    阅读次数:69
前端入门教程---从0开始手把手教你学习PC端和移动端页面开发第9章FlexBox实战有路网
本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源制作有路网水平导航菜单category-nav.css.red-nav{height:38px;background-color:#d80000;width:100%;}.red-navul{display:flex;width:1200px;margin:0auto;}.red-navli{
分类:移动开发   时间:2020-08-13 22:23:09    阅读次数:137
vue组件事件中,想传除了默认值之外的其他的参数
场景 使用了第三方的组件UI,在调用事件时想要获取事件的默认值及默认值之外的其他参数值,如:index 代码如下: <div style="display: flex; padding-top: 20px;" v-for="(date, index) in dynamicFormData.dates ...
分类:其他好文   时间:2020-08-07 12:33:37    阅读次数:93
前端开发,flex兼容写法
现在写法: display: flex;flex-direction: row;justify-content: center;align-items: center; 对应旧的写法:display: -webkit-flex;-webkit-flex-direction: row;-webkit- ...
分类:其他好文   时间:2020-08-05 19:41:56    阅读次数:71
HTTP(S)协议概述
HTTP(S)协议概述 HTTP协议 HTTP(HyperText Transfer Protocol)超文本传输协议 定义: ? -规定了浏览器和服务器之间相互通信的规则 ? -万维网交换信息的基础 ? -允许将HTML文档从Web服务器传送到Web浏览器 特点: ? -HTTP协议建立在TCP协 ...
分类:Web程序   时间:2020-07-30 01:15:20    阅读次数:265
flex九宫格一点小思考
看到一道面试题,用flex布局九宫格,决定自己实现一下 ###基础版 .father { display: flex; /*必须给宽高把盒子撑起来,然后调整width可看是否要正方形*/ width: 300px; height: 300px; flex-direction: column; } . ...
分类:其他好文   时间:2020-07-29 21:45:05    阅读次数:57
span标签模拟柱状图
应用技术:jQuery、tooltip、align-items 代码: 1、样式设置 <style> .year-outer-bar { position: relative; display: flex; align-items: flex-end; 侧轴终点对齐弹性盒的各项元素,必须与flex搭 ...
分类:其他好文   时间:2020-07-29 21:23:02    阅读次数:75
3203条   上一页 1 ... 5 6 7 8 9 ... 321 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!