CSS共8篇
排序
纯CSS自适应响应式Table数据表格
表格的头部采用了隔列换色的形式，表格的行也采用斑马式的交替颜色，这些都是通过CSS定义的，因此表格的外观看起来还不错。其次表格是自适应响应式的，当页面缩小到一定范围时，表头将以行的...
HTML5 SVG化学元素周期表动画源码
HTML5 SVG化学元素周期表动画源码 <style> @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap'); body { margin: 0; justify-content: ce...
HTML5 3D动画加载进度动画源码
HTML5 3D动画加载进度动画源码 <html lang='en'><head> <meta charset='UTF-8'> <title>CSS3 3D 加载进度动画DEMO演示</title> <style> * { border: 0; box-sizing: border-b...
html< div>标签透明样式
透明div方法一，通过opacity设置透明度，div上的文字也透明：opacity: 0.5;<head> <style> /* 通过opacity设置透明度 */ .div_touming{ margin:0 auto; text-align:center; line-he...
wordperss主题css样式全局变灰色[哀悼样式]
wordperss主题css样式全局变灰色[哀悼样式] 原则上使用所有网站 在CSS样式中添加一下样式，在html样式： /* 全局变灰 */ html{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } z...
4 行代码重现《黑客帝国》特效
提到《黑客帝国》，字符雨可谓是让人印象深刻。 那种科技感爆棚的特效，你是否也想来一套？这个，可以有。最近，名叫 akinomyoga 的 GitHub 用户，便上传了这样一个项目。 只要有终端、有 C++，...
html ‘div’标签透明样式
透明div方法一，通过opacity设置透明度，div上的文字也透明：opacity: 0.5; <head> <style> /* 通过opacity设置透明度 */ .div_touming{ margin:0 auto; text-align:center; line-h...
文件管理列表zfile CSS美化代码
zfile CSS美化代码 /*背景图 background-repeat: no-repeat !important; background-size: cover !important; overflow-y: scroll; */ body { background-image: url(http://nas.laoknas.com:55...
热点
