<commit_before><!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>葡萄藤PPT</title>

    <link rel="stylesheet" href="../css/reveal/reveal.css">

    <!-- PPT主题，可以在/css/reveal/theme/中选择其他主题，目前暂时只能使用该模板 -->
    <link rel="stylesheet" href="../css/reveal/theme/ptt.css">

    <!-- syntax highlighting 代码高亮主题 -->
    <link rel="stylesheet" href="../lib/reveal/css/zenburn.css">

    <!-- 打印和PDF输出样式 -->
    <script>
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = window.location.search.match( /print-pdf/gi ) ? '../css/reveal/print/pdf.css' : '../css/reveal/print/paper.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
    </script>
</head>
<body>
<img src="../img/demo/logo.png" alt="" usemap="#pttmap" class="base-logo">
<map name="pttmap">
    <area shape="rect" coords="0,0,276,58" href="http://www.jnshu.com" alt="" target="_blank"/>
</map>
<div class="reveal">
    <div class="slides">
        <section>
            <a href="//www.jnshu.com" target="_blank"><img src="../img/demo/logo.png" class="logo"/></a>
            <h2>技术分享小课堂</h2>
            <h3>rgba和opacity的透明效果有什么不同？display和visiblity有什么区别？</h3>
        </section>
        <section>
            <h3>rgba和opacity的透明效果有什么不同？</h3>
        </section>
        <section>
            <p>在css3以前，我们的css中的颜色都是基于RGB的，都是纯色，但是CSS通过alpha颜色和opacity属性，为我们引入了不透明度和透明度这一全新的概念。</p>
        </section>
        <section>
            <h2>什么是rgba？</h2>
            <section>
                <p>R：红色值。正整数 | 百分数 </p>
                <p>G：绿色值。正整数 | 百分数 </p>
                <p>B：蓝色值。正整数 | 百分数 </p>
                <p>A：Alpha透明度。取值0~1之间。</p>
            </section>
        </section>
        <section>
            <h2>rgba取值</h2>
                <p>正整数为十进制0~255之间的任意值，百分数为0%~100%之间的任意值。</p>
                <p>rgba颜色模型有四个值，最后一个是alpha通道的值，取值在0.0到1.0之间</p>

        </section>
        <section>
            <h2>什么是Opacity？</h2><commit_msg>2016-12-19  上传<commit_after><!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>葡萄藤PPT</title>

    <link rel="stylesheet" href="../css/reveal/reveal.css">

    <!-- PPT主题，可以在/css/reveal/theme/中选择其他主题，目前暂时只能使用该模板 -->
    <link rel="stylesheet" href="../css/reveal/theme/ptt.css">

    <!-- syntax highlighting 代码高亮主题 -->
    <link rel="stylesheet" href="../lib/reveal/css/zenburn.css">

    <!-- 打印和PDF输出样式 -->
    <script>
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = window.location.search.match( /print-pdf/gi ) ? '../css/reveal/print/pdf.css' : '../css/reveal/print/paper.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
    </script>
</head>
<body>
<img src="../img/demo/logo.png" alt="" usemap="#pttmap" class="base-logo">
<map name="pttmap">
    <area shape="rect" coords="0,0,276,58" href="http://www.jnshu.com" alt="" target="_blank"/>
</map>
<div class="reveal">
    <div class="slides">
        <section>
            <a href="//www.jnshu.com" target="_blank"><img src="../img/demo/logo.png" class="logo"/></a>
            <h2>技术分享小课堂</h2>
            <h3>rgba和opacity的透明效果有什么不同？display和visiblity有什么区别？</h3>
        </section>
        <section>
            <h3>rgba和opacity的透明效果有什么不同？</h3>
        </section>
        <section>
            <p>在css3以前，我们的css中的颜色都是基于RGB的，都是纯色，但是CSS通过alpha颜色和opacity属性，为我们引入了不透明度和透明度这一全新的概念。</p>
        </section>
        <section>
            <h2>什么是rgba？</h2>
            <section>
                <p>R：红色值。正整数 | 百分数 </p>
                <p>G：绿色值。正整数 | 百分数 </p>
                <p>B：蓝色值。正整数 | 百分数 </p>
                <p>A：Alpha透明度。取值0~1之间。</p>
            </section>
        </section>
        <section>
            <h2>rgba取值</h2>
                <p>正整数为十进制0~255之间的任意值，百分数为0%~100%之间的任意值。</p>
                <p>rgba颜色模型有四个值，最后一个是alpha通道的值，取值在0.0到1.0之间</p>
            <img src="../img/css-06-3-rgba/fang_2.png">

        </section>
        <section>
            <h2>什么是Opacity？</h2>
{'fraction_non_alphanumeric': 0.19399860432658758, 'fraction_numerical': 0.021400325657129564, 'mean_word_length': 2.282442748091603, 'pattern_counts': {'":': 0, '<': 134, '<?xml version=': 0, '>': 134, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6464515', 'n_tokens_mistral': 1904, 'n_tokens_neox': 1929, 'n_words': 208}