文章库ARTICLE COLUMN

  • 一个纯CSS3实现的酷炫翻书效果

    一个纯CSS3实现的酷炫翻书效果

    摘要:的三维元素比正常大,而时则比正常小,大小程度由该属性的值决定属性指定了观察者与平面的距离,使具有三维位置变换的元素产生透视效果。 showImg("https://segmentfault.com/img/bVzAjp"); 项目地址:https://github.com/BUPT-HJM/c...demo地址:http...

    fizzfizz 评论0 收藏0
  • 开发规范(三)CSS规范

    开发规范(三)CSS规范

    摘要:规范目前沿用规范,阅读本规范前请熟读规范补充规范阅读编码规范补充规范是指在规范上扩展的规范,部分示例中有不符合规范的,以规范为准。请熟读以上规范条例,在工作中严格遵守。 概述 为提高团队协作效率,规范文件管理,方便项目后期维护,提高代...

    cod7cecod7ce 评论0 收藏0
  • 解决 css 浮动后 父元素高度失效问题

    解决 css 浮动后 父元素高度失效问题

    摘要:应用场景子元素标签使用浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据子元素的高度而变化,提供以下解决方案。解决代码把样式添加到父元素即可。 应用场景 子元素标签使用 浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据...

    SimonSimon 评论0 收藏0
  • 小白上学のWebpack零基础学习指导

    小白上学のWebpack零基础学习指导

    摘要:以上代码功能很简单,就是把定义为一个模块,在中引用,最终两文件中要添加的内容都显示在中。我们的任务完成了,成功生成,合并,引入了,被执行了。安装,处理文件。 前言: 本套教程是零基础学打包工具webpack; 后面会结合gulp+webpack搞定所有你...

    spademanspademan 评论0 收藏0
  • background-clip 和 background-origin

    background-clip 和 background-origin

    摘要:下面都是我自己的理解如果有不对的地方还请大家帮忙指出下面是在浏览器上测试的和先说说默认的起始位置是外边缘的左上角如下图所示但是注意默认的结束位置却是外边缘的右下角如下图所示如果想让起始位置变为外边缘的左上角或者内容区域的左上角这时就 ...

    wujl596wujl596 评论0 收藏0
  • position:absolute的容器居中

    position:absolute的容器居中

    摘要:页面开发中,最经常是使用的当然要属于容器居中啦,居中有时候是一个很简单的问题,但是有时候也让人苦恼的牙痒痒代码如下代码不占据文档流,水平居中如下代码占据文档流,水平居中如下那如果想要水平垂直居中的话,就要像下面这么写啦代码和代码 web...

    Ku_AndrewKu_Andrew 评论0 收藏0
  • 零React基础入门Amaze UI Touch!

    零React基础入门Amaze UI Touch!

    摘要:全文的目的是达成使用进行项目开发,并且以我这个前端菜鸟所见所学来归纳整理。环境安装与前期准备我的基础环境出的开源的编辑器命令行工具,下一个炒鸡好用的神器。只提供组件,对配套技术不做限定,方便用户与现有技术栈快速整合,降低使用成本。 全...

    OldPandaOldPanda 评论0 收藏0
  • 带你玩转css3的3D!

    带你玩转css3的3D!

    摘要:透视即是以现实的视角来看屏幕上的事物,从而展现的效果。旋转则不再是平面上的旋转,而是三维坐标系的旋转,就包括轴,轴,轴旋转。必须与属性一同使用,而且只影响转换元素。可自由转载引用,但需署名作者且注明文章出处。 showImg("https://segment...

    PandaPanda 评论0 收藏0
  • JS实现时钟效果

    JS实现时钟效果

    摘要:闲来无事,用写了个时钟,只要思路理清了,做起来其实还挺简单的。先发个效果链接点击查看代码实现这里要注意的是里面的宽度给够,要不然后面用布局会出现问题。 闲来无事,用JS写了个时钟,只要思路理清了,做起来其实还挺简单的。 先发个效果链接 ...

    JasonZhangJasonZhang 评论0 收藏0
  • 巧用CSS遮罩

    巧用CSS遮罩

    摘要:用法样式是利用该属性指定的图片作为遮罩,利用这张图像的透明度来显示位于该遮罩图下方的图像。其实可以利用变色,而利用遮罩去绘制图标。遮罩透过的地方是图标的填色部分,而遮罩盖过的地方则没有颜色。 1. 用法 -webkit-mask样式是利用该属性指定的...

    cocopeakcocopeak 评论0 收藏0
  • 如何优雅的选择字体(font-family)

    如何优雅的选择字体(font-family)

    大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一、首先我们看看各平台的默认字体情况 1、Window下: 宋体...

    ZHAO_ZHAO_ 评论0 收藏0
  • MyEclipse 2016 Stable 1.0发布

    MyEclipse 2016 Stable 1.0发布

    摘要:正式发布在保留之前系列的工具之外,又新增了许多非常棒的新功能。语法高亮受够了中的编码体验那就来试试。改进了编码的语法高亮功能,大大提升了代码的可读性。支持支持,因此所有的功能,比如语法高亮代码折叠,甚至处理,都是支持的。默认将作为标准...

    yexiaobaiyexiaobai 评论0 收藏0
  • 前端开发者应该知道的 CSS 小技巧

    前端开发者应该知道的 CSS 小技巧

    摘要:注意上的一些缺陷行为。使用图标没有理由不使用图标对所有分辨率类型具有良好的伸缩性,以上的所有浏览器都支持。表格单元格等宽使用表格会很痛苦,因此使用来保持单元格相同的宽度无痛表格布局。浏览器支持这些技巧在当前版本的,,,以及,和可以工作...

    DesGeminiDesGemini 评论0 收藏0
  • 基于float的几种布局

    基于float的几种布局

    摘要:在这里介绍基于的几种布局浮动与两侧自适应的布局如图所示,左边没有限定宽度,右边宽度自适应。使用实现的布局,可以适用于两栏的布局。单侧固定的布局单侧固定的布局分为固定布局和流体布局。 在这里介绍基于float的几种布局. 1.浮动与两侧自适应的...

    FreelanderFreelander 评论0 收藏0
  • 你所不知道 ❌ CSS 居中

    你所不知道 ❌ CSS 居中

    前言 这次翻译一篇来自 Chris Coyier 的 《Centering in CSS: A Complete Guide》 居中是在CSS中经常被抱怨的问题之一。这个问题真的有这么难吗?事实上这个问题并没有那么复杂,它困难在于对于不同的情景,解决居中问题需要用到不一样的方法。 在这里,我...

    lewiflewif 评论0 收藏0
  • 书页效果

    书页效果

    书页效果 .book { position: relative; width: 200px; height: 248px; margin-left: 20px; border: 1px #eee solid; background-color: #fff; box-shado...

    DonaldDonald 评论0 收藏0
  • css居中最佳实践

    css居中最佳实践

    摘要:居中是非常常见的问题,也是面试热门,现在对居中问题做个总结水平居中万能的居中给父元素添加子元素都会居中,无论是还是缺点属性会继承会影响后代元素配合缺点以下不兼容,不过低版本微软自家都不支持了垂直居中单行居中与相等即可达到居中配 css居...

    BlackFlagBinBlackFlagBin 评论0 收藏0
  • 移动web开发浅谈之那些我们需要知道的基础

    移动web开发浅谈之那些我们需要知道的基础

    摘要:正文概念本次要谈的移动不是,只是很普通的移动端的界面。默认行为作为之前开发端的人员,第一反应就是如何把那么大的界面内容展现到手机小小的屏幕上。就是在显示多行文字的时候,可能需要在自己期望显示多少行之后,省略后面的文字,然后以。。。 前...

    stackfingstackfing 评论0 收藏0
  • 前端手册

    前端手册

    摘要:前端手册前端手册目录编码规范编码规范编码规范其他规范开发工具的使用好书推荐篇学习指导篇前端优化其他更多知识点见目录不全,请阅读在线版下载离线版文档会不定时更新,可以或本文挡,更欢迎您加入编辑维护声明编码规范参考百度前端开发规范修改,或...

    MingjunYangMingjunYang 评论0 收藏0
  • JQuery插件:ScrollTo平滑滚动到页面指定位置

    JQuery插件:ScrollTo平滑滚动到页面指定位置

    摘要:是一款基于的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置。查看演示使用方法准备库和插件。使用插件当点击导航按钮时,触发方法,带有两个参数,第一个是指定要滚动的目的,第二个参数是滚动时间间隔,以毫秒为单位。 ScrollTo是一...

    A  LoityA Loity 评论0 收藏0
  • 谈谈关于CSS中transform属性之scale

    谈谈关于CSS中transform属性之scale

    摘要:谈谈关于属性是什么根据定义主要是进行缩放和转化能做什么细线代码页面适配动画参考的属性会影响那些属性和布局代码代码如图所示可以直接影响到所有带的属性,但是由于属性不 谈谈关于scale属性 scale是什么? 根据W3C定义 ,scale主要是进行缩放和转化...

    wenduxwendux 评论0 收藏0
  • CSS3 聊天气泡框以及 inherit、currentColor 关键字

    CSS3 聊天气泡框以及 inherit、currentColor 关键字

    摘要:效果如上图所示,主要用到的伪类,以及圆角边框属性。的属性的使用然后通过定位到合适的位置。实现气泡框结果也很简单,就一个。的关键字与之类似的还有一个新的颜色属性。实际上,这是中有史以来第一个变量,虽然功能很有限,但它真的是个变量。 show...

    kelkel 评论0 收藏0
  • LESS

    LESS

    摘要:单位值需要统一,如果参数存在单位不同,会报错。亮度,单位百分数。增加到最大值了对色彩透明减少得到是一个混色灰度色值将两种颜色混合,默认情况下,是取两种颜色的十六进制转为十进制相加后的平均值。 CSS编译语言 编译 浏览器中使用:less.min.js...

    zhangrxiangzhangrxiang 评论0 收藏0
  • 获取元素css值

    获取元素css值

    摘要:所以为了兼容性考虑我们可以封装一下最后第一次写文章可能不怎么样,望大神们轻拍自转行来现在公司已有几个月了,公司就我一个前端,工作也比较少,好多基础东西不写项目都要忘了,接下来要自己写点东西好好回忆巩固一下了。 最近写东西碰到一个问题,...

    GeminiGemini 评论0 收藏0
  • web-style文档

    web-style文档

    摘要:下载推荐使用下载或者访问内容说明编译文件是通过进行打包编译。一旦修改一定要第执行该指令开发模式本地开启一个服务器自动打开浏览器访问文件进行开发组件打包文件会打包所有组件和公共的样式生成到目录下。 下载 npm Web-Style 推荐使用 npm 下载或...

    mjmj 评论0 收藏0

热门文章

<