css
文章平均质量分 82
Tycho丶
hey!
展开
-
关于百度集成API bd_share的一些窥探
最近在做一个项目因为要用bootstrap,需要对第三方分享的图标设计两个款式,最终需求的效果如下:一、需求分析1.在PC端,要求用font字符来实现第三方分享的图标,并且鼠标经过时,设定hover效果: 2.在小屏幕设备上,需要设定另外一种款式: 二、思路分析理清需求以后,下面来看是如何实现的:首先,需要点击这些第三方应用的图片或者字符,来实现相应的跳转,例如点击QQ,进入QQ的分享界原创 2017-11-03 18:10:36 · 1856 阅读 · 0 评论 -
关于CSS3呼吸效果的探究
一、效果预览 如图所示,鼠标移动上去,图片会向右上角抖动,鼠标离开,图片恢复原状。二、方案选择刚刚接触到这个效果的时候,我还以为是采用放大效果来实现的,即scale:1.2诸如此类的代码,结果不然。这个效果的实现,如果采用jquery的方案,直接写个动画即可。//先设定好position:relative;$('img:hover').animate({'left':'10px','bottom原创 2018-01-02 11:05:02 · 3620 阅读 · 0 评论 -
css3原理,结合jquery复习
0.怪异盒模型非IE及IE9及以上, 盒模型的构成为:content 老IE,IE8及以下, 盒模型为 content+border+padding 如果有这样一个DIV:div{width:100px;height:100px;border:1px solid black;padding:10px;}在非IE下,盒模型为: 在老IE下,盒模型为: 由此可见,老I原创 2018-01-10 09:30:59 · 359 阅读 · 0 评论 -
CSS transform: translate(-50%,-50%)导致的像素模糊问题解决办法
一、抛出问题.modal-container { position: fixed; width: 100vw; height: 100vh; z-index: 999;}.modal { position: absolute; top: 50%; right: 50%; margin: auto; transf...原创 2019-02-22 10:53:09 · 11437 阅读 · 0 评论 -
Electron 设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式
一、问题在开发 Electron 应用的过程中,想要使得窗口在普通大小可以拖动,于是设置给 title-bar css 如下:.title-bar {-webkit-app-region: drag;}但是设置了这个属性后,发现在 title-bar 上双击全屏和 restore size 的功能又废了,现象如图: 怎么办呢?二、网上现有的方案通过搜索不难发...原创 2019-02-19 17:46:11 · 11564 阅读 · 11 评论