sayoko06的博客

项目前端使用element-ui框架，其提供的dialog弹出框没有过渡动画，比较单调，项目需要实现关闭弹出框时，弹出框逐渐缩小并移动到右上角消失。只能自己手动修改css样式，这里用到了animation 和 transform属性；贴代码：其中.popout-box的class属性是通过befroe-close绑定上去的。模态框打开的时候没有，关闭前设置class，然后通过class...

1.定义和用法transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。2 transform的常见属性有哪些？transform的属性包括： translate()/rotate() / skew() / scale() /，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。transform:tra...

//link引入css<link href="" rel="stylesheet" type="text/css" />//@import引入css<style>@import "../static/css/main.css";</style>1.从属关系区别link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定

使用CSS3的 translate3d 演示来实现动画效果w3school链接控制100%和0的位置，可以控制从不同方向滑出translate3d(x,y,z) @keyframes dialog-fade-in { 0% { transform: translate3d(100%, 0, 0); opacity: 0; } 100%...

1、在想要滚动条的div上添加innerbox的clas属性即可：.innerbox{ overflow-x: hidden; overflow-y: auto; color: #000; font-size: .7rem; font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; height...

问题：如下代码，两个div使用了float并排在一行，这种情况下style="align:center" 不起作用。<div style="align:center"> <div style="float:left">aaa</div> <div>6576876</div></div>解决方案：添...