4个令人震撼的CSS3动画

摘要：分享国外几个很棒的动画我们希望你能从中获得灵感。移动鼠标或滑动以导航星星选中一个复选框以生成一系列复选框。缩略图预览的概念无限且催眠的动画。 分享国外几个很棒的CSS3动画,我们希望你能从中获得灵感。 移动鼠标或滑动以导航星星 showImg(https://segmentfault.com/img/bVbq4tR?w=1280&h=720); 选中一个复选框以生成一系列复选框。sho...

philadelphia 发布于Css 2019-08-29 18:35

padding-bottom实现图片自适应

摘要：那我们该怎么解决呢见代码为什么取值呢，因为图片的高为宽为。的撑起了的高度，这个百分度取值是相对于宽度的百分比，而不是父容器高度的百分比。此时我们就解决了图片的自适应问题。其实我们那还有另外一种写法实现，如下 1.需求场景 如我们在实现移动端banner轮播的时候，需要轮播图充满我们的轮播区域，通常我们的做法是banner设置固定宽高,然后超出隐藏，img设置max-width:100%...

philadelphia 发布于Css 2019-08-29 16:18

Chromium 新的弹窗机制以及 HTML 的 <dialog> 元素

摘要：在随后的版本中，团队一直在修改原生弹窗的表现。所以这种原生弹窗的最大用处不是用来提示用户信息，而是伤害用户。团队在中移除了对弹窗的支持。获取用户输入可以用中的元素。作为的元素，目前除了和以外，其它浏览器均未支持。 自 1995 年 JavaScript 诞生之初，就包含了 3 个方法 alert()、confirm() 和 prompt()。在随后的 Chrome 版本中，Chrome...

philadelphia 发布于Css 2019-08-29 12:49

尝试封装一个自己的模块

摘要：上一周学了闭包和模块，这一周仍然是跟着波同学，试着封装了一个拖拽模块。 上一周学了闭包和模块，这一周仍然是跟着@波同学，试着封装了一个拖拽模块。过程中经历了一些曲折，最开始我是打算只用style.left的方式，但是这个需要设置position：absolute。可能对代码造成一定影响。虽然CSS的transform会影响兼容，但这里我还是使用了这个属性的translate来完成移动。...

philadelphia 发布于JavaScript 2019-08-26 11:32

前言 本文将介绍我们的表单解决方案 @femessage/el-form-renderer，展示我们在 Vue 技术栈下，我们是如何处理以下问题的： 表单项动态显示或隐藏 表单数据联动 表单输入/输出数据格式化 非常规表单项的处理 复杂的表单验证 方案 表单项动态显示或隐藏(hidden) 可以通过 hidden 控制某一表单项的显示或隐藏。 showImg(https://segmentfa...

philadelphia 发布于JavaScript 2019-08-26 10:21