原创 css:hover用法(5)滑动效果

<template>
  <div>
    <div id="loading-btn">
      <div>
        <button><span>Hover me</span></button>
      </div>
      <div>
        <button><span>Hover me</span></button>
      </div>
      <div>
        <button><span>Hover me</span></button>
      </div>
      <div>
        <button><span>Hover me</span></button>
      </div>
      <div>
        <button><span>Hover me</span></button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "page",
  props: {},
  data() {
    return {
      name: "这是子组件的name",
    };
  },
  created() {},
  mounted() {},
  destroyed() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
button {
  background: transparent;
  bord

猜你喜欢

转载自blog.csdn.net/jieweiwujie/article/details/126648278