
CSS
CSS
July twelve
这个作者很懒,什么都没留下…
展开
-
[CSS]div鼠标移入翻转示例
<template> <div class="body"> <div class="box"> <div class="flipper"> <div class="front">123</div> <div class="back">456</div> </div> </div> </div>&l原创 2022-04-28 15:28:19 · 368 阅读 · 0 评论 -
【CSS】input回车抖动效果、div 3d盒子鼠标移入转动效果(vue3)
效果- 代码<script setup>import { ref } from 'vue'const input = ref('')// 是否抖动const dong = ref(false)// 回车触发const carriageReturn = () => { dong.value = true setTimeout(() => (dong.value = false), 800)}</script><template&g.原创 2021-11-11 15:54:49 · 546 阅读 · 0 评论 -
【CSS】div做圆,半圆,四分之一圆
圆.demo { width: 100px; height: 100px; background-color: red; border-radius: 100px;}半圆.demo { width: 100px; height: 50px; background-color: red; border-radius: 100px 100px 0 0;}四分之一圆.demo { width: 100px; height: 100px;.原创 2021-10-11 14:48:11 · 1703 阅读 · 0 评论 -
【CSS】span标签文字两端对齐(使用了小程序的代码做demo演示)
【CSS】span标签文字两端对齐(使用了小程序的代码做demo演示)实现代码width: 4em; // 当前每行最多文字display: inline-block;text-align-last: justify;实现效果html<block wx:for="{{companyList}}" wx:for-item="item" wx:key="id"> <view class="box"> <view> <原创 2021-09-22 14:38:29 · 1222 阅读 · 0 评论 -
css处理回车\n符号,自动换行
使用的是vuehtml<div class="tttt">{{ text }}</div>jsexport default { data() { return { text: '456你好放大地方撒你好放大地方撒你好放大地方撒你好放大地方撒你好放大地方撒你好放大地方撒你好放大地方撒\n123发哦南方的萨格发哦单反发哦南方的萨格发哦单反' } }}默认css.tttt { width: 200px; hei.原创 2021-08-25 10:14:34 · 16779 阅读 · 0 评论 -
【CSS】通过焦点显示隐藏
【CSS】通过焦点显示隐藏示例<h2> 如何使用 <a href="/" target="_blank" rel="noopener noreferrer"> # </a></h2>css属性h2 { a { visibility: hidden; }}h2:hover { a { visibility: visible; }}...原创 2021-06-02 10:18:47 · 406 阅读 · 0 评论