popper实现提示框效果代码
代码语言:html
所属分类:弹出层
代码描述:popper实现提示框效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" /> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/popper.2.11.0.js"></script> <style> body { background-color: #30263d; font-family: -apple-system, Helvetica Neue, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, sans-serif; text-transform: uppercase; padding: 100px; } #popcorn { display: inline-block; width: 134px; height: 120px; background: url('//repo.bfw.wiki/bfwrepo/icon/5d834ed0c6986.png') no-repeat; } #tooltip { display: inline-block; background: #ffffff; color: #643045; font-weight: bold; padding: 5px 10px; font-size: 13px; border-radius: 4px; } #arrow, #arrow::before { position: absolute; width: 8px; height: 8px; background: inherit; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0