css 原生@media响应式、自适应写法
1234567891011121314151617181920212223/* 小于等于 769px */ @media (max-width: 767px) {/* 你的样式 */ }/* 小屏幕（平板，大于等于 768px） */@media screen and (min-width: 768px) { /* 你的样式 */}/* 中等屏幕（桌面显示
css animation动画
引用动画： 1animation：动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向; 定义动画： 1234567891011 @keyframs 动画名称 { 0% { } 50%{ } 100%{ }} 例如： 1234567891011121314151617181920
css 文本排版方向，古文式排版等
语法： 1writing-mode: horizontal-tb 或者 vertical-rl 或者 vertical-lr 或者 sideways-rl 或者 sideways-lr; 解释： horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-right
css 鼠标跟踪动画
html： 123<button class="mouse-tracking"> <span>Hover me</span> </button> css： 1234567891011121314151617181920212223242526272829.mouse-tracking { pos
css 元素溢出部分内框显示渐变
html： 1234567891011121314151617181920212223242526<div class="overflow"> <div class="text-scroll"> Content to be scrolled Content to be scrolled Conte
