moz

首页 > TAG信息列表 > moz

前端必备的 CSS 库，normalize.css

这是一个小 CSS 样式表，是著名的库，作为 CSS 基础样式的一部分，可消除客户端渲染不一致问题。地址是 https://necolas.github.io/normalize.css/ 别小看这不到 200 行的小 CSS ，这可是一群大佬花了几百个小时调出来的。解决的问题比如说 line-height,不同浏览器的默认 line-height 是

自定义placeholder颜色

::-webkit-input-placeholder{color:#f00;} ::-moz-placeholder{color:#f00;} :-moz-placeholder{color:#f00;} 参考链接：http://t.zoukankan.com/yjzhu-p-4402644.html

博客园文章防盗措施

博客园文章防盗措施之前在博客园写了几篇文章，同时投递了博客园首页，今天无意在浏览器搜了一下那些文章的标题，发现自己的文章竟然被爬了！（这里本来想放一张图的，想想还是算了）要说他们盗走就盗走了，至少还能给我引点流，但是他们还把原文中的链接全部转换了，他们以此来引流，部分网站还顺便

Html5中input/textarea的placeholder文字颜色设置

input::-webkit-input-placeholder , textarea:-moz-placeholder { /* WebKit browsers */ color: #000;}input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000;}input::-moz-placeholder, t

修改输入框placeholder 颜色

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */

uniapp scss之mixin的全局引入

1.创建公共scss文件 @mixin border-radius($radius) { -moz-border-radius: $radius; -webkit-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius; } 2.使用 <style lang='scss' scoped> .cirle{ @include border-radius(10r

Vue 小程序图标置灰方法

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

CSS动画库合集+CSS动画效果演示

CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。要创建 CSS3 动画，你需要了解 @keyframes 规则。 @keyframes 规则是创建动画。 @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。下面给大家介绍：常见CSS动画库合

CSS补充

背景颜色的渐变： background: -webkit-linear-gradient(渐变的起始位置，颜色位置，颜色位置...) /* background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%) */ 前面的 webkit， moz 是表示的浏览器的前缀浏览器前缀 -webkit- 是Google，Safari，Android Brows

transform使用

.demo{-webkit-transform:rotate(10deg);-moz-transform:roate(10deg);} .skew{-webkit-transform:skew(20deg);-moz-transform:skew(20deg);} .scale{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);} .translate{-webkit-transform:translate(100px,0);-moz-trans

用vue写的一个简单的加载模块页面初始化使用的

<template> <div class='map_loading_vue' :class='{hide:isOpacity}' v-show='isShow'> <div class='title'>健坤地图设备管理</div> <div class="loader" v-if='isShowLoad

【css】修改input，textarea中的placeholder样式

input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-pla

【css/scss】修改input，textarea中的placeholder样式

input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-placeholder{} /* IE浏览器 */ scss语法 @

CSS -- 禁止用户选择

CSS -- 禁止用户选择网站会有一些简单的保密需求，不想让用户复制文字，或者轮播图到头了，左右箭头还在点点点，会有蓝色的背景，使用下面的css就可以解决这种问题。 CSS /* 禁止长按保存图片 */ img { pointer-events:none; } /* 禁止复制文本 */ *:not(input,textarea){ -webkit-t

placeholder 设置字体颜色

input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } input:-moz-placeholder { color: #b8dbff; } input::-moz-placeholder { color: #b8dbff; } input:-ms-input-placeholder { color: #b8dbff;

SASS实现3D骰子效果

1.什么是SASS？　　Sass是一个将脚本解析成CSS的脚本语言，即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似，使用缩进来区分代码块，并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的

FireFox火狐浏览器不支持CSS中zoom属性的解决办法

首先需要明确一点的是，火狐浏览器全系列不支持CSS的zoom缩放属性。浏览器兼容查询网站：https://caniuse.com/ 所以此时只能通过transform的scale实现放缩代码很简单，两行即可：但是不建议用这个，最好加属性前缀，往下看 transform:scale(..); transform-origin:..; 其中scale可

css3中-moz-、-ms-、-webkit-、-o-分别代表什么内核

ms-代表【ie】内核识别码；-moz-代表火狐【firefox】内核识别码；-webkit-代表谷歌【chrome】/苹果【safari】内核识别码；-o-代表欧鹏【opera】内核识别码；进一步看前缀对应的内核：（1）Gecko内核，css前缀“-moz-”，火狐浏览器；（2）WebKit内核，css前缀为“-webkit-”，Comodo Drangon(科摩多龙)，苹果，安

修改 input / textarea placeholder 属性的颜色和字体大小

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; font-size: 16px; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; } input:-moz-placeh

CSS样式更改——过渡、动画

###前言上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。 ####1.过渡元素从一种样式逐渐改变为另一种的样式 div { transition: width 1s; -moz-transition: width 1s; /* Firefox 4 */ -webkit-transition: width 1s; /* Safar

CSS 之placeholder字体颜色大小

::-webkit-input-placeholder { color: #999 !important; } ::-moz-placeholder { color: #999 !important; } :-ms-input-placeholder { color: #999 !important; } input::-w

-moz-border-right-colors (Extensions) – CSS 中文开发手册

[ CSS 中文开发手册 -moz-border-right-colors (Extensions) - CSS 中文开发手册非标准此功能是非标准的，不处于标准轨道上.。不要在面向Web的生产站点上使用它：它并不适用于每个用户。实现之间也可能存在很大的不兼容性，而且这种行为在未来可能会发生变化。在火狐等Mozil

css3动画讲解，关于css3的@keyframes和animation

通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”，它的规则是：创建由当前样式逐渐改为新样式的动画效果。对于一个"@keyframes"中的样式规则

SVG动态404页面

代码如下：最下面有个3000毫秒后自动跳转的URL脚本自行修改，本代码是在某个网站上复制的！　　如图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>404</title> <style class="cp-pen-styles"&

【踩坑】近来在Firefox上遇到的一些坑

因为工作一年多以来，做的工作基本都是和webkit系列打交道。先是做m站，后来做了两个app内嵌的hybrid项目，从来只考虑webkit前缀和相关的伪类。最近四个多月开始做内部的管理系统，写写样式，偶尔做个calendar、tree之类的组件，所有的基本只考虑新版Chrome。从来没考虑别的问题。最近在