css
文章平均质量分 71
harmsworth2016
这个作者很懒,什么都没留下…
展开
-
input滑块竖直显示
input滑块竖直显示前言方式一方式二总结前言input 滑块默认是水平方向显示的,如何竖直显示,有 2 种方式:方式一旋转 input 滑块自身,您可以点击这里,input滑块旋转自身<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m原创 2021-07-13 18:45:05 · 1130 阅读 · 0 评论 -
css实现pdf图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>.bg{ width:36px;height:50px;b.原创 2020-12-21 11:20:41 · 410 阅读 · 0 评论 -
使用css3和tween.js二种方式实现照片翻转
照片翻转的二种方式最近在学习使用动画效果,经常去鑫空间翻看大神写得博客,最近看到最新3月份出炉的博客–小tips: 在canvas上实现元素图片镜像翻转动画效果,我就想到自己也有需要展示照片的时候,只实现过一种鼠标mouseover时照片放大,鼠标mouseleave时照片复原的效果,实在是太简陋了!看到这个canvas图片水平镜像翻转动画实例页面后,很想在用css实现这个效果(后话是css实...原创 2018-03-24 15:20:23 · 1008 阅读 · 0 评论 -
css-div铺满屏幕
前言代码前言开发地图时,需要将渲染地图的div撑满整个屏幕。操作如下:代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt原创 2018-08-30 17:35:11 · 2852 阅读 · 0 评论 -
css之:matches()伪类函数的正确使用方式
:matches伪类函数前言兼容优先级前言近些时,越来越觉得自己的css基础不牢,仅仅只会用最简单的css属性,css的新特性和伪类、伪元素等都不熟悉,故使用dash下载了完整的css文档,跟着文档写demo并总结。:matches()伪类函数是将一列元素选择器作为参数,指定匹配的元素以特定的样式显示。兼容目前,:matches()仅有Safari浏览器支持,Chrome浏览器使用:-...原创 2018-11-22 13:09:49 · 1609 阅读 · 0 评论