摘要:純工具提示查看效果演示安裝使用在中使用常規使用方法直接在頁面中引用我是提示在頁面中使用工具提示工具提示工具提示還可以這樣提示還可以這樣提示新增背景顏色提示開發
tooltips
純css工具提示 bubbles-tooltips 查看效果
演示npm install tooltips --save使用 在 gulp 中使用 gulp
var gulp = require("gulp"); var gutil = require("gulp-util"); var stylus = require("gulp-stylus"); var tooltips = require("tooltips"); var autoprefixer = require("gulp-autoprefixer"); var browserslist = ["Android 2.3", "Android >= 4", "Chrome >= 20", "Firefox >= 24", "Explorer >= 8", "iOS >= 6", "Opera >= 12", "Safari >= 6"]; gulp.src("./public/styl/*.styl") .pipe(stylus({ use:[tooltips()], compress:true })) .pipe(autoprefixer({ browsers: browserslist, cascade: false }).on("error",gutil.log)) .pipe(gulp.dest("./public/css"));index.styl
@import "tooltips" .banner{ height 140px font-size 24px }常規使用方法
直接在頁面中引用tooltips.min.css
tooltips
在頁面中使用
新增背景顏色提示
開發
$ npm run build $ npm run watch
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115201.html
摘要:我們巧妙的提示框打算使用屬性選擇器也就是方括號表示法。相對性這是用在提示框的父元素上的。向上向下提示框要用到關鍵幀,而向左向右提示框使用關鍵幀。注意,在這些關鍵幀中,我們只定義了提示框所需的終止狀態。 原文:https://webdesign.tutsplus.co...原作:Jase Smith翻譯:Stypstive 當你的用戶需要漂亮的圖標給出額外的文字信息時,亦或是當他們在點擊...
摘要:我們巧妙的提示框打算使用屬性選擇器也就是方括號表示法。相對性這是用在提示框的父元素上的。向上向下提示框要用到關鍵幀,而向左向右提示框使用關鍵幀。注意,在這些關鍵幀中,我們只定義了提示框所需的終止狀態。 原文:https://webdesign.tutsplus.co...原作:Jase Smith翻譯:Stypstive 當你的用戶需要漂亮的圖標給出額外的文字信息時,亦或是當他們在點擊...
摘要:純工具提示查看效果演示安裝使用在中使用常規使用方法直接在頁面中引用我是提示在頁面中使用工具提示工具提示工具提示還可以這樣提示還可以這樣提示新增背景顏色提示開發 tooltips showImg(https://jaywcjlove.github.io/sb/ico/stylus.svg); showImg(http://jaywcjlove.github.io/sb/license/m...
閱讀 865·2021-11-15 11:37
閱讀 3604·2021-11-11 16:55
閱讀 3270·2021-11-11 11:01
閱讀 998·2019-08-30 15:43
閱讀 2743·2019-08-30 14:12
閱讀 681·2019-08-30 12:58
閱讀 3388·2019-08-29 15:19
閱讀 2023·2019-08-29 13:59