css
laumlin
这个作者很懒,什么都没留下…
展开
-
margin负值的应用
一、圣杯布局和双飞翼布局双飞翼布局<!DOCTYPE html><html lang="en">&a原创 2018-08-28 23:52:28 · 180 阅读 · 0 评论 -
vue组件中引入bootstrap
vue怎么在单组件中引入局部css文件呢?不影响全局css?下面是在单独的vue文件中引入bootstrap的例子首先介绍一下利用vue的minix方法引入js文件和css文件的方法:const loadExternalAssetMixin = { methods:{ loadLink(src, callback) { if (!(typeof callback ==...原创 2018-10-18 00:28:02 · 2718 阅读 · 0 评论 -
图片懒加载
图片懒加载的demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片懒加载</title> <style> ul { list-style-type: n原创 2018-11-06 16:30:43 · 103 阅读 · 0 评论 -
vue使用backgroundImage属性
Vue项目中设置背景图片<template> <div class="login-wrap" :style="setBackground"> </div></template><script> export default { data () { return { setBackgro原创 2018-11-05 17:23:12 · 7771 阅读 · 1 评论 -
css实现心跳效果
使用css3 animation实现心跳动的效果直接上代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;test&a原创 2018-12-15 20:54:32 · 1911 阅读 · 0 评论 -
v-if和v-show、display: none和visibility:hidden的区别
v-if指令和v-show指令的区别相同点:都可以控制标签的显隐。不同点:一、实现本质方法区别v-if是动态的向DOM树内添加或者删除DOM元素v-show本质是利用标签的display属性,通过visibility和none控制显隐v-if="false"在DOM不能获取到该标签v-show=false在DOM中仍能获取到该标签二、编译的区别v-show其实是在控制c...原创 2018-12-17 16:47:15 · 8411 阅读 · 1 评论 -
语音播放动效css
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>语音播放动效</title> <style type="text/css"> @keyframes yuying1{ 0%{ hei...原创 2019-10-09 19:31:04 · 2609 阅读 · 0 评论