html5在线语音阅读,使用ResponsiveVoice.js给网页和APP添加文本语音阅读功能

CSS

语言：

CSSSCSS

确定

body {

height: 100vh;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

padding: 0 50px;

background: #FEF9E1;

font-family: 'Roboto', sans-serif;

}

.container {

margin: auto;

text-align: center;

}

#sentence {

margin: 0;

color: #444;

font-size: 38px;

font-family: 'Libre Baskerville', serif;

}

#choose-sentence {

color: #fff;

font-size: 20px;

margin-top: 2em;

font-weight: 400;

padding: 20px 30px;

background: #84CE48;

border-radius: 10px;

letter-spacing: .02em;

display: inline-block;

border: 2px solid #6bb330;

-webkit-transition: background .1s ease-out;

transition: background .1s ease-out;

}

#choose-sentence:hover {

background: #77c735;

}

#choose-sentence:focus {

outline: none;

}

#reset {

cursor: pointer;

color: rgba(0, 0, 0, 0.5);

-webkit-transition: color .1s ease-out;

transition: color .1s ease-out;

}

#reset:hover {

color: rgba(0, 0, 0, 0.75);

}