04 2023 档案

纯css和单class实现文件夹
摘要：使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold 阅读全文
posted @ 2023-04-18 16:38 Ccarrote 阅读(154) 评论(0) 推荐(0)
css steps实现文本一个字一个字显示
摘要：大致思路： 使用相对定位的div覆盖文本内容，并用animation控制宽度，位置。 换行步骤在外层div上控制高度即可。 css的steps与animation一起使用可以控制文字单个显示，类似于文本输入，不过显示频率是线性。 添加一些css变量控制步骤宽度、高度和时间等，便于vue中也通过组件的 阅读全文
posted @ 2023-04-11 17:18 Ccarrote 阅读(925) 评论(0) 推荐(0)