One suggestion with an arrow without a border, as in the source code snippet,
Code: Select all
\documentclass{article}
\usepackage{tikz}
\usepackage[hmargin=3cm,showframe]{geometry}
\usetikzlibrary{tikzmark,arrows.meta}
\tikzset{
shorten <>/.style={shorten >= #1, shorten <= #1}
}
\begin{document}
\[
\int 4x^3 \sqrt{x^4-6}\;dx = \int \sqrt{x^4-6}\;\;4x^3\;
\tikzmarknode{left eq}{dx}
\hspace{2cm}
\tikzmarknode{right eq}{\int} \sqrt{u}\;du = \frac{2}{3} u^{3/2} +C =
\frac{2}{3} (x^4-6)^{3/2} +C
\]
\tikz[remember picture, overlay]
\draw[
-{Triangle[width=18pt,length=8pt]},
line width=10pt,
pink,
shorten <>=12pt
]
(left eq.east) -- (left eq.east-|right eq.west)
;
\end{document}
and one for an arrow with a border, as in the figure.
Code: Select all
\documentclass{article}
\usepackage{tikz}
\usepackage[hmargin=3cm,showframe]{geometry}
\usetikzlibrary{tikzmark,shapes.arrows}
\tikzset{
pink arrow/.style={
single arrow,
single arrow head extend=1.5mm,
thick,
draw,
fill=pink,
minimum height=1.2cm
}
}
\begin{document}
\[
\int 4x^3 \sqrt{x^4-6}\;dx = \int \sqrt{x^4-6}\;\;4x^3\;
\tikzmarknode{left eq}{dx}
\hspace{2cm}
\tikzmarknode{right eq}{\int} \sqrt{u}\;du = \frac{2}{3} \sqrt{u^3} +C =
\frac{2}{3} \sqrt{(x^4-6)^3} +C
\]
\tikz[remember picture, overlay]
\path (left eq.east) -- node [pink arrow] {} (left eq.east-|right eq.west);
\end{document}