How to style images in reveal.js? -


i trying put transparent png image in reveal.js as:

<div class="slides">     <section>         <img src="sample.png">         <p>sample image</p>     </section> </div> 

where figure "sample.png" follows.

enter image description here

however, there are:

  • white lines appear @ boundary of figure
  • and figure not prefect transparent. (contains white color?)

how can remove it?

enter image description here

the actual problem reveal.js has style adds white background @ low opacity, box-shadow, , border images seen below:

.reveal section img {      background: rgba(255, 255, 255, 0.12);      border: 4px solid #eeeeee;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)  } 

so fix override style with:

.reveal section img { background:none; border:none; box-shadow:none; } 

Comments

Popular posts from this blog

javascript - jquery or ashx not working -

opencv - DataType<cv::detail::deriv_type>::depth what is it used for -

python 3.x - Mapping specific letters onto a list of words -