A way to build your own unique text and header

you can choose the different colors to as your background, and you can define what information you want to tell.
here is the code:

# -*- coding: utf-8 -*-
import streamlit as st

col1, col2 ,col3= st.beta_columns(3)
with col1:
     color1 = st.color_picker('选择渐变起始颜色', '#1aa3ff',key=1)
with col2:
     color2 = st.color_picker('选择渐变结尾颜色', '#00ff00',key=2)
with col3:
     color3 = st.color_picker('选择文字颜色', '#ffffff',key=3)

def example(color1, color2, color3, content):
     st.markdown(f'<p style="text-align:center;background-image: linear-gradient(to right,{color1}, {color2});color:{color3};font-size:24px;border-radius:2%;">{content}</p>', unsafe_allow_html=True)

you can use the code to define your unique content any where in your streamlit app.
here is the result:

1 Like

Hey @BeyondMyself,

This looks beautiful! I’m going to file this away to use later! :two_hearts:

(I’m also going to switch the tag from “Using Streamlit” to “Show the Community” so people can find this easier!)

Happy Streamlit-ing!

yes, it under show community is more suitable.

1 Like