随笔分类 -  css3

css 单行 和多行文本显示
摘要：.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multiline-ellipsis { overflow: hidden; text-overflow: ellipsis; di 阅读全文
posted @ 2022-06-02 17:32 13522679763-任国强 阅读(176) 评论(0) 推荐(0)
开机动画
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-06 20:40 13522679763-任国强 阅读(224) 评论(0) 推荐(0)
天猫墙 效果
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-06 20:22 13522679763-任国强 阅读(100) 评论(0) 推荐(0)
立体相册
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-06 18:08 13522679763-任国强 阅读(171) 评论(0) 推荐(0)
旋转相册
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-06 17:52 13522679763-任国强 阅读(152) 评论(0) 推荐(0)
扇形导航
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-06 17:15 13522679763-任国强 阅读(152) 评论(0) 推荐(0)
热点词持续滚动
摘要：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi 阅读全文
posted @ 2020-08-13 00:06 13522679763-任国强 阅读(101) 评论(0) 推荐(0)
两面旋转的 盒子
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-13 00:04 13522679763-任国强 阅读(135) 评论(0) 推荐(0)
180度 图片旋转
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-13 00:02 13522679763-任国强 阅读(247) 评论(0) 推荐(0)
鼠标经过上移特效
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet 阅读全文
posted @ 2020-08-12 23:50 13522679763-任国强 阅读(162) 评论(0) 推荐(0)
transform: translate( 盒子水平 居中
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-12 23:49 13522679763-任国强 阅读(427) 评论(0) 推荐(0)
transform: translate(x, y);
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-12 23:42 13522679763-任国强 阅读(1306) 评论(0) 推荐(0)
伪类元素选择器
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-12 23:41 13522679763-任国强 阅读(119) 评论(0) 推荐(0)
css 属性选择器 伪类选择器 nth-child属性 nth-of-type属性
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文
posted @ 2020-08-12 23:39 13522679763-任国强 阅读(309) 评论(0) 推荐(0)